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 相关文章推荐
跨浏览器开发经验总结(四) 怎么写入剪贴板
May 13 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
异步动态加载JS并运行(示例代码)
Dec 13 Javascript
JavaScript AJAX之惰性载入函数
Aug 27 Javascript
javascript中数组array及string的方法总结
Nov 28 Javascript
AngularJS实现tab选项卡的方法详解
Jul 05 Javascript
本地存储localStorage用法详解
Jul 31 Javascript
ES6新增的math,Number方法
Aug 06 Javascript
JS实现图片转换成base64的各种应用场景实例分析
Jun 22 Javascript
vue2.0使用v-for循环制作多级嵌套菜单栏
Jun 25 Javascript
微信小程序中遇到的iOS兼容性问题小结
Nov 14 Javascript
js实现点击图片在屏幕中间弹出放大效果
Sep 11 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初学者们头痛的十四个问题
2007/01/15 PHP
ThinkPHP打开验证码页面显示乱码的解决方法
2014/12/18 PHP
php远程请求CURL实例教程(爬虫、保存登录状态)
2020/12/10 PHP
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
safari,opera嵌入iframe页面cookie读取问题解决方法
2010/06/23 Javascript
js/jquery去掉空格,回车,换行示例代码
2013/11/05 Javascript
node.js中的socket.io的广播消息
2014/12/15 Javascript
Jquery实现鼠标移动放大图片功能实例
2015/03/25 Javascript
JavaScript检测上传文件大小的方法
2015/07/22 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
深入浅析JavaScript中的arguments对象(强力推荐)
2016/06/03 Javascript
详解AngularJS ui-sref的简单使用
2017/04/24 Javascript
vue中各组件之间传递数据的方法示例
2017/07/27 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
浅谈VueJS SSR 后端绘制内存泄漏的相关解决经验
2018/12/20 Javascript
小试SVG之新手小白入门教程
2019/01/08 Javascript
vue项目添加多页面配置的步骤详解
2019/05/22 Javascript
react基本安装与测试示例
2020/04/27 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
2020/05/09 Javascript
10分钟学会js处理json的常用方法
2020/12/06 Javascript
[03:36]2014DOTA2 TI小组赛综述 八强诞生进军钥匙球馆
2014/07/15 DOTA
[10:05]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD 选手采访
2021/03/11 DOTA
python3读取MySQL-Front的MYSQL密码
2017/05/03 Python
使用Kivy将python程序打包为apk文件
2017/07/29 Python
Django项目中model的数据处理以及页面交互方法
2018/05/30 Python
对python 匹配字符串开头和结尾的方法详解
2018/10/27 Python
python同步windows和linux文件
2019/08/29 Python
jupyter 使用Pillow包显示图像时inline显示方式
2020/04/24 Python
Python xlwt模块使用代码实例
2020/06/10 Python
python实现网页录音效果
2020/10/26 Python
一款利用纯css3实现的win8加载动画的实例分析
2014/12/11 HTML / CSS
英文版银行求职信
2013/10/09 职场文书
工程师岗位职责
2013/11/08 职场文书
预备党员思想汇报范文
2014/01/11 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
2015年环卫处个人工作总结
2015/07/27 职场文书