• تغییر اندازه تصاویر با جی کوئری
    #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 799 15-03-2014 ساعت 09:55
    آخرین ارسال: WWWorker
    Note تغییر سایز پنجره با جاوا اسکریپت WWWorker 0 367 08-02-2014 ساعت 22:50
    آخرین ارسال: WWWorker
    Note ایجاد عدد تصادفی بین دو عدد WWWorker 0 602 08-02-2014 ساعت 22:26
    آخرین ارسال: WWWorker
    Note تغییر اندازه فونت صفحه با جی کوئری WWWorker 0 583 14-01-2014 ساعت 14:10
    آخرین ارسال: WWWorker
    Note آموزش جی کوئری: رویداد Click WWWorker 0 346 31-12-2013 ساعت 20:55
    آخرین ارسال: WWWorker
    Note تغییر اندازه متن با jQuery WWWorker 0 411 07-11-2013 ساعت 09:30
    آخرین ارسال: WWWorker
    Note جاوا اسکریپت:: ویرایش کردن سریع Edit in place WWWorker 0 351 16-09-2013 ساعت 09:17
    آخرین ارسال: WWWorker

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