09-10-2008, 23:52
|
|
|
חבר מתאריך: 17.07.03
הודעות: 162
|
|
יצירת צלמית (Thumbnail) ב CSS בלבד.
אז ככה
הסיפור הוא כזה
יש לי מערכת של גלריה ב JS...
שאני נותן לה מיקום של ספרייה , היא יודעת לקחת את התמונות, ליצור להם THUMBNAILS והכל טוב ויפה
הבעיה היא שהיא יוצרת את הTHUMBNAILS כל תמונה לפי צורתה , כלומר - ההגדרה היא מקס' 150 פיקס'
אז אם התמונה היא רוחבית נשארים שוליים למעלה ולמטה ואם התמונה היא אורכית נשארים שוליים בצדדים.
אני רוצה לצור ב CSS ! חוק שיקח את התמונה , יעשה לה "ZOOM" וCROP
כלומר שבסופו של דבר אני אוכל לקבל THUMBNAIL בצורת ריבוע.
חשוב מאד שאני לא רוצה לגעת בגודל של התמונה פיזית. וגם אין לי אפשרות לצור עותק כיוון שאני דיי כבול למערכת תמונות
דוגמא אגב למה שאני רוצה :
התמונה המקורית :
התמונה שנוצרת לי:
מה שאני רוצה שיהיה:
אגב , מצאתי את הקוד הזה :
קוד:
#photoclip {
width: 200px;
height: 100px;
clip: rect(200,200,240,215);
overflow: hidden;
background: url(images/1.jpg);
}
שהוא מעולה , רק שאני לא יודע איך אני מקטין בו את התמונה , כלומר , הוא חותך את התמונה אבל מתקבל חיתוך של התמונה מהגודל המקורי בעוד שאני צריך להקטין את התמונה.
מקווה שהבנתם את ההסבר הארוך והמיגע שלי
תודה רבה
|