基於jquery實現等比縮放圖片_jquery

基於jquery的圖片尺寸調整

resize.js

複製程式碼程式碼如下：

$(window).bind("load", function() {
    // 調整影像大小
    $('#product_list img').each(function() {
        var maxWidth = 120;
        var maxHeight = 120;
        無功比率 = 0;
        var width = $(this).width();
        var height = $(this).height();
    
        if(寬度 > 最大寬度){
            比例=最大寬度/寬度；
            $(this).css("寬度", maxWidth);
            $(this).css("高度", 高度 * 比例);
            高度 = 高度 * 比例；
        }
        var width = $(this).width();
        var height = $(this).height();
        if(高度 > 最高高度){
            比例=最高高度/高度；
            $(this).css("高度", maxHeight);
            $(this).css("寬度", 寬度 * 比例);
            寬度=寬度*比例；
        }
    });
    //$("#contentpage img").show();
    // 調整影像大小
});

程式碼很簡潔，使用起來也很簡單，朋友直接使用即可