脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → 基于jquery实现等比缩放图片

基于jquery实现等比缩放图片

 更新时间：2014年12月03日 16:03:15   投稿：hebedich  
这篇文章主要给大家分享了一段基于jquery实现等比缩放图片的代码，非常的实用，这里推荐给大家

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

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

您可能感兴趣的文章:

相关文章

最新评论