欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jquery實(shí)現(xiàn)等比縮放圖片

 更新時(shí)間：2014年12月03日 16:03:15   投稿：hebedich  
這篇文章主要給大家分享了一段基于jquery實(shí)現(xiàn)等比縮放圖片的代碼，非常的實(shí)用，這里推薦給大家

基于jquery的圖片尺寸調(diào)整

resize.js

復(fù)制代碼 代碼如下:

$(window).bind("load", function() {
    // IMAGE RESIZE
    $('#product_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
});

代碼很簡(jiǎn)潔，使用起來(lái)也很簡(jiǎn)單，小伙伴們直接使用即可

相關(guān)文章

最新評(píng)論