国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

基于jquery實現等比縮放圖片

2019-11-20 13:49:30
字體:
來源:轉載
供稿:網友

基于jquery的圖片尺寸調整

resize.js

復制代碼 代碼如下:

$(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
});

代碼很簡潔,使用起來也很簡單,小伙伴們直接使用即可

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 龙江县| 深州市| 雅江县| 德州市| 上杭县| 虎林市| 泰顺县| 莲花县| 达州市| 常熟市| 平乐县| 洱源县| 姜堰市| 浮梁县| 夏津县| 屏东县| 周至县| 海口市| 嵊州市| 柞水县| 许昌市| 台南市| 平南县| 宝山区| 房山区| 宾川县| 甘孜县| 西林县| 天柱县| 南华县| 西宁市| 循化| 洪湖市| 平南县| 汶上县| 宝坻区| 丁青县| 吴忠市| 巩留县| 台湾省| 凤翔县|