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 相关文章推荐
javascript深入理解js闭包
Jul 03 Javascript
js中有关IE版本检测
Jan 04 Javascript
用正则表达式替换图片地址img标签
Nov 22 Javascript
JS动态改变表格边框宽度的方法
Mar 31 Javascript
jquery图片滚动放大代码分享(2)
Aug 28 Javascript
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
May 08 jQuery
使用OPENLAYERS3实现点选的方法
Sep 24 Javascript
vue使用自定义icon图标的方法
May 14 Javascript
详解处理bootstrap4不支持远程静态框问题
Jul 20 Javascript
基于Fixed定位的框选功能的实现代码
May 13 Javascript
Vue中对iframe实现keep alive无刷新的方法
Jul 23 Javascript
Vue项目打包编译优化方案
Sep 16 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加密解密的代码
2006/10/09 PHP
php设计模式 Interpreter(解释器模式)
2011/06/26 PHP
微信公众号开发客服接口实例代码
2016/10/21 PHP
JavaScript 学习 - 提高篇
2007/02/02 Javascript
Javascript中Eval函数的使用说明
2008/10/11 Javascript
jQuery find和children方法使用
2011/01/31 Javascript
JavaScript高级程序设计 读书笔记之十 本地对象Date日期
2012/02/27 Javascript
struts2+jquery+json实现异步加载数据(自写)
2013/06/24 Javascript
js对列表中第一个值处理与jsp页面对列表中第一个值处理的区别详解
2013/11/05 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
从js向Action传中文参数出现乱码问题的解决方法
2013/12/29 Javascript
javascript事件冒泡详解和捕获、阻止方法
2014/04/12 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
javascript HTML5文件上传FileReader API
2020/03/27 Javascript
Bootstrap前端开发案例二
2016/06/17 Javascript
谈谈JS中常遇到的浏览器兼容问题和解决方法
2016/12/17 Javascript
JS 插件dropload下拉刷新、上拉加载使用小结
2017/04/13 Javascript
Bootstrap 树控件使用经验分享(图文解说)
2017/11/06 Javascript
微信小程序支付功能 php后台对接完整代码分享
2018/06/12 Javascript
JavaScript中 ES6变量的结构赋值
2018/07/10 Javascript
vue.js图片转Base64上传图片并预览的实现方法
2018/08/02 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
Python中的asyncio代码详解
2019/06/10 Python
详解如何减少python内存的消耗
2019/08/09 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
python实现时间序列自相关图(acf)、偏自相关图(pacf)教程
2020/06/03 Python
Python hashlib模块的使用示例
2020/10/09 Python
python 读取串口数据的示例
2020/11/09 Python
韩国CJ食品专卖网:CJonmart
2016/09/11 全球购物
美国购买当代和现代家具网站:MODTEMPO
2018/07/20 全球购物
Linux如何命名文件--使用文件名时应注意
2012/01/22 面试题
给老师的检讨书
2014/02/11 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
党委干部批评与自我批评发言稿
2014/09/28 职场文书
2016优秀员工先进事迹材料
2016/02/25 职场文书
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL