jquery批量修改图片的尺寸大小

作者：管理员

发布时间：2015/5/13 11:46:58

评论数：0

转载请自觉注明原文：http://www.jq-school.com/Show.aspx?id=557

$(window).bind("load", function() {  
    // 图片修改大小  
    $('#imglist 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;  
        }  
        
        if(height > maxHeight){  
            ratio = maxHeight / height;  
            $(this).css("height", maxHeight);  
            $(this).css("width", width * ratio);  
            width = width * ratio;  
        }  
    });    
});

关键字：jquery window bind function each