JS限定手机版中图片大小随分辨率自动调整的方法


Posted in Javascript onDecember 05, 2016

实例如下:

<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限定手机版中图片大小随分辨率自动调整的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery复选框CHECKBOX全选、反选
Aug 30 Javascript
JavaScript中的null和undefined解析
Apr 14 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
vue.js如何更改默认端口号8080为指定端口的方法
Jul 14 Javascript
Bootstrap模态对话框用法简单示例
Aug 31 Javascript
element-ui表格合并span-method的实现方法
May 21 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
原生JavaScript创建不可变对象的方法简单示例
May 07 Javascript
vue将文件/图片批量打包下载zip的教程
Oct 21 Javascript
vue-drawer-layout实现手势滑出菜单栏
Nov 19 Vue.js
基于JavaScript实现省市联动效果
Jun 22 Javascript
简单几步实现返回顶部效果
Dec 05 #Javascript
jQGrid Table操作列中点击【操作】按钮弹出按钮层的实现代码
Dec 05 #Javascript
jquery删除数组中重复元素
Dec 05 #Javascript
jQuery动态增减行的实例代码解析(推荐)
Dec 05 #Javascript
DOM 事件的深入浅出(二)
Dec 05 #Javascript
vue.js指令v-model实现方法
Dec 05 #Javascript
DOM 事件的深入浅出(一)
Dec 05 #Javascript
You might like
PHP获取某个月最大天数(最后一天)的方法
2015/07/29 PHP
php使用ffmpeg向视频中添加文字字幕的实现方法
2016/05/23 PHP
PHP实现长轮询消息实时推送功能代码实例讲解
2021/02/26 PHP
JavaScript异步编程Promise模式的6个特性
2014/04/03 Javascript
javascript的tab切换原理与效果实现方法
2015/01/10 Javascript
基于javascript实现单选及多选的向右和向左移动实例
2015/07/25 Javascript
基于HTML+CSS,jQuery编写的简易计算器后续(添加了键盘监听)
2016/01/05 Javascript
不能不知道的10个angularjs英文学习网站
2016/03/23 Javascript
Bootstrap富文本组件wysiwyg数据保存到mysql的方法
2016/05/09 Javascript
Vue.js实现简单动态数据处理
2017/02/13 Javascript
Angularjs 根据一个select的值去设置另一个select的值方法
2018/08/13 Javascript
Vue 莹石摄像头直播视频实例代码
2018/08/31 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
2018/09/18 Javascript
JavaScript格式化json和xml的方法示例
2019/01/22 Javascript
nodejs中各种加密算法的实现详解
2019/07/11 NodeJs
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
turn.js异步加载实现翻书效果
2019/07/25 Javascript
JavaScript如何获取一个元素的样式信息
2019/07/29 Javascript
Python深入学习之上下文管理器
2014/08/31 Python
Python编码类型转换方法详解
2016/07/01 Python
Python之Scrapy爬虫框架安装及简单使用详解
2017/12/22 Python
python matplotlib 注释文本箭头简单代码示例
2018/01/08 Python
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
python 画三维图像 曲面图和散点图的示例
2018/12/29 Python
对python3中的RE(正则表达式)-详细总结
2019/07/23 Python
Django使用Profile扩展User模块方式
2020/05/14 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
方法名是否可以与构造器的名字相同
2012/06/04 面试题
采购主管岗位职责
2014/02/01 职场文书
幼儿园保育员随笔
2015/08/14 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
python实现调用摄像头并拍照发邮箱
2021/04/27 Python
Python中的np.argmin()和np.argmax()函数用法
2021/06/02 Python
入门学习Go的基本语法
2021/07/07 Golang
MySQL常用慢查询分析工具详解
2022/08/14 MySQL