ورود

View Full Version : حرفه ای: تغییر سایز عکس بر اساس سایز div



Maryam_1368
شنبه 23 اسفند 1393, 16:11 عصر
سلام..قبل از هرچیزی بگم این سوالی که میخام بپرسم با اون چیزی که فکر میکنید میتونید جواب فرق داره..
این لینک رو ببینید (http://metroui.org.ua/carousel.html)

وقتی صفحه رو کوچیک میکنیم و روی حالت تبلت میره اسلایدر ها از نظر width صد در صد میشه..اما اگه دقت کنید تصویر کشیده نمیشه انگاری یه جورایی تصویر زوم میشه.
اونایی که فتوشاپ کار کردن میدونن وقتی می خواهیم یه تصویر رو بزرگ کنیم اگه alt+shift رو نگه داریم تصویر از مرکز بزرگ میشه دقیقا توی همین اسلایدر هم تصویر از مرکز بزرگ میشه و دیگه تصویر کشیده نمیشه..
چجوری میتونم این کار رو بکنم؟ اگه جایی از حرفام ابهام داشت بگین بیشتر توضیح بدم..

ABZiko
شنبه 23 اسفند 1393, 18:56 عصر
کلا متاسفانه این فریمورک یک سری مشکلاتی داره، بنده به سازنده اش هم ایمیل زدم ولی جوابی نداد، مخصوصا اگر دقت کنید ارتفاع اسلایدر به صورت auto یکسان به همراه عکس باقی نمی مونه.

Omid Jackson
شنبه 23 اسفند 1393, 18:59 عصر
ایراد از ارتفاع دیو هست، شما اگر بخواین عکس رو یک سایز کنین با دیو aspect ratio حفظ نمیشه (نسبت طول به ارتفاع) برا همین کشیدگی ایجاد میشه!!!! برای این کار بهتر هست که ارتفاع دیو رو با ارتفاع عکس تو هر سایزی هم اندازه کنین
شما با جی کوئری اندازه ارتفاع عکس رو بگیرین بدین دیو carousel1
بخاطر ثابت بودن ارتفاع دیو به 200 پیکسل بودن هست که این مشکل رو داره
یه همچین کاری کنین:
$(".carousel1").css({
"height": $(".carousel1 > div > img").height()
});