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 相关文章推荐
调用js时ie6和ie7,ff的区别
Aug 19 Javascript
JQuery获取文本框中字符长度的代码
Sep 29 Javascript
JS+CSS实现带小三角指引的滑动门效果
Sep 22 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
Dec 08 Javascript
Bootstrap每天必学之轮播(Carousel)插件
Apr 25 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
微信小程序之选项卡的实现方法
Sep 29 Javascript
JavaScript异步加载问题总结
Feb 17 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
教你使用vue-cli快速构建的小说阅读器
May 13 Javascript
浅谈vue中document.getElementById()拿到的是原值的问题
Jul 26 Javascript
js实现tab栏切换效果
Aug 02 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
web方式ftp
2006/10/09 PHP
CI使用Tank Auth转移数据库导致密码用户错误的解决办法
2014/06/12 PHP
redis查看连接数及php模拟并发创建redis连接的方法
2016/12/15 PHP
Yii框架参数化查询中IN查询只能查询一个的解决方法
2017/05/20 PHP
Thinkphp极验滑动验证码实现步骤解析
2020/11/24 PHP
收藏Javascript中常用的55个经典技巧
2007/08/12 Javascript
js禁止小键盘输入数字功能代码
2011/08/01 Javascript
页面回到顶部的三种实现(锚标记,js)
2012/10/01 Javascript
js兼容的placeholder属性详解
2013/08/18 Javascript
最短的IE判断var ie=!-[1,]分析
2014/05/28 Javascript
用js替换除数字与逗号以外的所有字符的代码
2014/06/07 Javascript
JQuery的Ajax中Post方法传递中文出现乱码的解决方法
2014/10/21 Javascript
详谈JavaScript 匿名函数及闭包
2014/11/14 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
vue使用pdfjs显示PDF可复制的实现方法
2018/12/14 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
2018/12/24 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
js实现窗口全屏示例详解
2019/09/17 Javascript
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
python中hashlib模块用法示例
2017/10/30 Python
pip安装py_zipkin时提示的SSL问题对应
2018/12/29 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
python numpy 常用随机数的产生方法的实现
2019/08/21 Python
pandas实现excel中的数据透视表和Vlookup函数功能代码
2020/02/14 Python
Python定时任务APScheduler原理及实例解析
2020/05/30 Python
pytorch 常用函数 max ,eq说明
2020/06/28 Python
CSS3选择器新增问题的实现
2021/01/21 HTML / CSS
英国家喻户晓的高街品牌:River Island
2017/11/28 全球购物
马来西亚太阳镜、眼镜和隐形眼镜网上商店:Focus Point
2018/12/13 全球购物
C#面试问题
2016/07/29 面试题
工程预算与管理应届生求职信
2013/10/06 职场文书
上诉状格式
2015/05/23 职场文书
农村老人去世追悼词
2015/06/23 职场文书
MyBatis 动态SQL全面详解
2021/10/05 MySQL
asyncio异步编程之Task对象详解
2022/03/13 Python
Python调用腾讯API实现人脸身份证比对功能
2022/04/04 Python