JS限定手机版中图片大小随分辨率自动调整的方法
更新时间：2016年12月05日 10:48:39 投稿：jingxian
下面小编就为大家带来一篇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限定手机版中图片大小随分辨率自动调整的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章
这篇文章主要为大家介绍了JS判断元素是否在可视区域技巧示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-12-12
JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例
这篇文章主要介绍了JavaScript原生xmlHttp与jquery的ajax方法json数据格式实例的相关资料,需要的朋友可以参考下2015-12-12
这篇文章介绍了js实现收缩菜单效果实例代码，有需要的朋友可以参考一下2013-10-10
这篇文章主要为大家详细介绍了用js实现拼图小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
KnockoutJS 3.X API 第四章之表单value绑定
Knockout是一个以数据模型（data model）为基础的能够帮助你创建富文本，响应显示和编辑用户界面的JavaScript类库。这篇文章主要介绍了KnockoutJS 3.X API 第四章之表单value绑定的相关资料,需要的朋友可以参考下2016-10-10
在VS Code中，要对 TypeScript代码进行调试，需要先编译 TypeScript 代码为JavaScript代码，这篇文章主要介绍了vscode对typescript代码调试的方法,需要的朋友可以参考下2023-03-03
这篇文章主要介绍了JavaScript中ahooks处理DOM的方法，主要通过ahooks对DOM类Hooks使用规范，以及源码中是如何去做处理的，具体详细介绍需要的小伙伴可以参考一下下面文章内容2022-06-06
这篇文章主要为大家详细介绍了javascript实现表格信息增添与删除，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
这篇文章主要展示了js仿黑客帝国字母掉落效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2015-08-08
这篇文章主要介绍了php基于redis处理session的方法的相关资料,需要的朋友可以参考下2016-03-03
最新评论