jquery_jquery를 기반으로 이미지의 비례적인 크기 조정 구현

jquery의 사진은 尺寸调整

resize.js

复主代码 代码如下:

$(window).bind("load", function() {
    // 이미지 크기 조정
    $('#product_list img').each(function() {
        var maxWidth = 120;
        var maxHeight = 120;
        변수 비율 = 0;
        var 너비 = $(this).width();
        var 높이 = $(this).height();
    
        if(폭 > maxWidth){
            비율 = maxWidth / 너비;
            $(this).css("너비", maxWidth);
            $(this).css("높이", 높이 * 비율);
            높이 = 높이 * 비율;
        }
        var 너비 = $(this).width();
        var 높이 = $(this).height();
        if(높이 > 최대 높이){
            비율 = 최대 높이 / 높이;
            $(this).css("height", maxHeight);
            $(this).css("너비", 너비 * 비율);
            너비 = 너비 * 비율;
        }
    });
    //$("#contentpage img").show();
    // 이미지 크기 조정
});

代码很简洁，使用起来也很简单，small伙伴们直接使用即可