تغییر اندازه تصاویر با جی کوئری
#1
Note 
[JS]
$(window).bind("load", function() {
// IMAGE RESIZE
$('#product_cat_list img').each(function() {
var maxWidth = 120;
var maxHeight = 120;
var ratio = 0;
var width = $(this).width();
var height = $(this).height();

if(width > maxWidth){
ratio = maxWidth / width;
$(this).css("width", maxWidth);
$(this).css("height", height * ratio);
height = height * ratio;
}
var width = $(this).width();
var height = $(this).height();
if(height > maxHeight){
ratio = maxHeight / height;
$(this).css("height", maxHeight);
$(this).css("width", width * ratio);
width = width * ratio;
}
});
//$("#contentpage img").show();
// IMAGE RESIZE
});
[/JS]

پاسخ
ایجاد موضوع جدید   پاسخ به موضوع  

موضوعات مرتبط با این موضوع...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Note تغییر CSS با جاوا اسکریپت WWWorker 0 442 15-03-2014 ساعت 09:55
آخرین ارسال: WWWorker
Note تغییر سایز پنجره با جاوا اسکریپت WWWorker 0 283 08-02-2014 ساعت 22:50
آخرین ارسال: WWWorker
Note ایجاد عدد تصادفی بین دو عدد WWWorker 0 271 08-02-2014 ساعت 22:26
آخرین ارسال: WWWorker
Note تغییر اندازه فونت صفحه با جی کوئری WWWorker 0 329 14-01-2014 ساعت 14:10
آخرین ارسال: WWWorker
Note آموزش جی کوئری: رویداد Click WWWorker 0 282 31-12-2013 ساعت 20:55
آخرین ارسال: WWWorker
Note تغییر اندازه متن با jQuery WWWorker 0 319 07-11-2013 ساعت 09:30
آخرین ارسال: WWWorker
Note جاوا اسکریپت:: ویرایش کردن سریع Edit in place WWWorker 0 262 16-09-2013 ساعت 09:17
آخرین ارسال: WWWorker

کاربرانِ درحال بازدید از این موضوع:   1 مهمان