下面小编就为大家带来一篇JS限定手机版中图片大小随分辨率自动调整的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
实例如下:
<script type="text/javascript">
var ObjImg = jQuery(".Dy_Content img");
for (var i = 0; i < ObjImg.length; i++) {
loadImage(ObjImg.eq(i));
}
function loadImage(Obj) {
var b_width = 320;
var img = new Image();
img.src = jQuery(Obj).attr("src");
if (img.complete) {
var i_width = img.width;
var i_height = img.height;
if (i_width > b_width) {
var bx = b_width / i_width;
jQuery(Obj).width(b_width);
jQuery(Obj).height((bx * i_height).toFixed(0));
}
return;
}
img.onload = function () {
var i_width = this.width;
var i_height = this.height;
if (i_width > b_width) {
var bx = b_width / i_width;
jQuery(Obj).width(b_width);
jQuery(Obj).height((bx * i_height).toFixed(0));
}
};
};
</script>
以上这篇JS限定手机版中图片大小随分辨率自动调整的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。 |