| 注册
请输入搜索内容

热门搜索

Java Linux MySQL PHP JavaScript Hibernate jQuery Nginx
cnffe
10年前发布

使用JQuery重绘图片的大小

关于图片大小的重绘,你可以在服务端来实现,也可以通过JQuery在客户端实现。

$(window).bind("load", function() {       // IMAGE RESIZE       $('#product_cat_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  });