基于jquery实现等比缩放图片
摘要：基于jquery的图片尺寸调整resize.js复制代码代码如下:$(window).bind("load",function(){//IM...
基于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
});
代码很简洁，使用起来也很简单，小伙伴们直接使用即可
【基于jquery实现等比缩放图片】相关文章：
★ jQuery实现限制textarea文本框输入字符数量的方法
上一篇：
javascript简单实现图片预加载
下一篇：
js字符串完全替换函数分享