Js動態設置Img大小


    function ResizePic() {
        $('img').each(function () {
            var maxWidth = 450; // 圖片最大寬度
            var maxHeight = 750;    // 圖片最大高度
            var ratio = 0;  // 縮放比例
            var width = $(this).width();    // 圖片實際寬度
            var height = $(this).height();  // 圖片實際高度

            // 檢查圖片是否超寬
            if (width > maxWidth) {
                //計算縮放比例
                ratio = maxWidth / width;
                $(this).css("width", maxWidth); // 設定實際顯示寬度
                height = height * ratio;    // 計算等比例縮放后的高度
                $(this).css("height", height);  // 設定等比例縮放后的高度
            }

            // 檢查圖片是否超高
            if (height > maxHeight) {
                ratio = maxHeight / height;
                $(this).css("height", maxHeight);   // 設定實際顯示高度
                width = width * ratio;    // 計算等比例縮放后的高度
                $(this).css("width", width * ratio);    // 設定等比例縮放后的高度
            }
        });

    }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM