基于jquery的图片尺寸调整
resize.js
代码如下:
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
});
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
});
代码很简洁,使用起来也很简单,小伙伴们直接使用即可
原文链接:https://www.f2er.com/jquery/57128.html