חיתוך תמונה

[Kfir.G]

תלוי אם אתה רוצה בצד שרת או צד לקוח..
צד לקוח הכי קל זה לעשות אלמנט מכיל כלשהו (נגיד DIV) שיש לו position:relative ומוגדר לו הגודל שאתה רוצה להציג. בתוכו אתה עושה את הIMG שלך ושם לו position:absulote ומסדר את המיקום שלו. שיטה פשוטה ועובדת ברוב הדפדפנים (ie6,ie7,ie8,ie9, chrome, ff, opera, safari יכול להיות שהיא עובדת בעוד דפדפנים, אני לא בדקתי).

פתרון בצד שרת זה גם די פשוט לעשות, אם תמיד יש לך שם שורות שחורות אז תסרוק את השורה, אם כל הפיקסלים שם שחורים תתעלם ממנה אחרת תציג אותה. גם ממש פשוט למימוש אבל זה דורש לא מעט משאבים בהנחה שאתה רוצה להציג הרבה תמונות כאלה באותו העמוד.. אם אתה מחליט לעשות את זה בצד שרת תעשה את זה פעם אחת כשאתה מעלה את התמונה ותשמור cache בשרת.

מקווה שעזרתי

[IgalSt]

נכתב במקור על ידי Kfir.G

תלוי אם אתה רוצה בצד שרת או צד לקוח..
צד לקוח הכי קל זה לעשות אלמנט מכיל כלשהו (נגיד DIV) שיש לו position:relative ומוגדר לו הגודל שאתה רוצה להציג. בתוכו אתה עושה את הIMG שלך ושם לו position:absulote ומסדר את המיקום שלו. שיטה פשוטה ועובדת ברוב הדפדפנים (ie6,ie7,ie8,ie9, chrome, ff, opera, safari יכול להיות שהיא עובדת בעוד דפדפנים, אני לא בדקתי).

זה יהיה מעולה במידה והגודל של השוליים זהה כל הזמן.
אבל לדעתי הגודל שלהם משתנה. אם הוא היה זהה השוליים לא היו נחוצים ויוטיוב היו יודעים לייצר תונות מוקטנות בגודל הנכון מלכתחילה.

ה-API של יוטיוב מחזיר תוצאה לגבי ה-aspectRatio של התמונות.
אומנם נראה כאילו הערכים שם הם רחב או מסך רגיל, אבל בכל זאת אולי זה יספיק לך כדי לחשב לפחות בערך את השוליים.