亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

基于jquery實現(xiàn)等比縮放圖片

 更新時間:2014年12月03日 16:03:15   投稿:hebedich  
這篇文章主要給大家分享了一段基于jquery實現(xiàn)等比縮放圖片的代碼,非常的實用,這里推薦給大家

基于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
});

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

相關文章

最新評論