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 (用setTimeout而非setInterval)
Dec 28 Javascript
JavaScript(js)设置默认输入焦点(focus)
Dec 28 Javascript
jquery实现的带缩略图的焦点图片切换(自动播放/响应鼠标动作)
Jan 23 Javascript
前端轻量级MVC框架CanJS详解
Sep 26 Javascript
运用jQuery定时器的原理实现banner图片切换
Oct 22 Javascript
JQuery基础语法小结
Feb 27 Javascript
JavaScript学习小结(一)——JavaScript入门基础
Sep 02 Javascript
JS及PHP代码编写八大排序算法
Jul 12 Javascript
AngularJS入门教程之 XMLHttpRequest实例讲解
Jul 27 Javascript
Angular网络请求的封装方法
May 22 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
js实现敏感词过滤算法及实现逻辑
Jul 24 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
将兴奋、喜悦和坎加斯带到戴安娜:亚马逊公主
2020/03/03 欧美动漫
ThinkPHP CURD方法之where方法详解
2014/06/18 PHP
PHP实现的多进程控制demo示例
2019/07/22 PHP
一段利用WSH修改和查看IP配置的代码
2008/05/11 Javascript
Javascript异步表单提交,图片上传,兼容异步模拟ajax技术
2010/05/10 Javascript
JQuery 学习技巧总结
2010/05/21 Javascript
IE6图片加载的一个BUG解决方法
2010/07/13 Javascript
node.js chat程序如何实现Ajax long-polling长链接刷新模式
2012/03/13 Javascript
jquery选择符快速提取web表单数据示例
2014/03/27 Javascript
javascript中判断json的方法总结
2015/08/27 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
ES6概念 ymbol.for()方法
2016/12/25 Javascript
jQuery层级选择器_动力节点节点Java学院整理
2017/07/04 jQuery
Javascript中的getter和setter初识
2017/08/17 Javascript
[02:33]DOTA2英雄基础教程 司夜刺客
2013/12/04 DOTA
Python3基础之基本运算符概述
2014/08/13 Python
Python itertools模块详解
2015/05/09 Python
使用pdb模块调试Python程序实例
2015/06/02 Python
python实现在控制台输入密码不显示的方法
2015/07/02 Python
Python文件处理
2016/02/29 Python
对Python 2.7 pandas 中的read_excel详解
2018/05/04 Python
django admin组件使用方法详解
2019/07/19 Python
Python及Pycharm安装方法图文教程
2019/08/05 Python
pymysql模块的使用(增删改查)详解
2019/09/09 Python
python3.8 微信发送服务器监控报警消息代码实现
2019/11/05 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
Python爬虫抓取论坛关键字过程解析
2020/10/19 Python
销售代表求职自荐信
2013/10/01 职场文书
岳父生日宴会答谢词
2014/01/13 职场文书
家长评语大全
2014/01/22 职场文书
化学工程专业求职信
2014/08/10 职场文书
办公室岗位职责范本
2015/04/11 职场文书
2015年学校总务处工作总结
2015/05/19 职场文书
大学生十八大感想
2015/08/11 职场文书
团支部书记竞选稿
2015/11/21 职场文书
如何使用python包中的sched事件调度器
2022/04/30 Python