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 撑出页面文字换行
Jun 15 Javascript
JS记录用户登录次数实现代码
Jan 15 Javascript
JS中如何判断传过来的JSON数据中是否存在某字段
Aug 18 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
May 18 Javascript
最原始的jQuery注册验证方式
Oct 11 Javascript
jQuery.form.js插件不能解决连接超时(timeout)的原因分析及解决方法
Oct 14 Javascript
微信小程序 Button 组件详解及简单实例
Jan 10 Javascript
fullCalendar中文API官方文档
Feb 07 Javascript
Django1.7+JQuery+Ajax验证用户注册集成小例子
Apr 08 jQuery
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
JS中的函数与对象的创建方式
May 12 Javascript
Vue js with语句原理及用法解析
Sep 03 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
基于mysql的论坛(6)
2006/10/09 PHP
php数组函数序列之end() - 移动数组内部指针到最后一个元素,并返回该元素的值
2011/10/31 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
php中 ob_start等函数截取标准输出的方法
2015/06/22 PHP
php通过排列组合实现1到9数字相加都等于20的方法
2015/08/03 PHP
关于php几种字符串连接的效率比较(详解)
2017/02/22 PHP
thinkPHP框架可添加js事件的分页类customPage.class.php完整实例
2017/03/16 PHP
不错的新闻标题颜色效果
2006/12/10 Javascript
JavaScript关于select的相关操作说明
2010/01/13 Javascript
Javascript 中的 &amp;&amp; 和 || 使用小结
2010/04/25 Javascript
JQuery中Text方法用法实例分析
2015/05/18 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
2017/08/10 Javascript
React操作真实DOM实现动态吸底部的示例
2017/10/23 Javascript
JS 中document.write()的用法和清空的原因浅析
2017/12/04 Javascript
vue.js中实现登录控制的方法示例
2018/04/23 Javascript
微信小程序开发之改变data中数组或对象的某一属性值
2018/07/05 Javascript
JavaScript创建、读取和删除cookie
2019/09/03 Javascript
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
Python实现的NN神经网络算法完整示例
2018/06/19 Python
python读取文本中的坐标方法
2018/10/14 Python
Python虚拟环境的原理及使用详解
2019/07/02 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
pycharm导入源码的具体步骤
2020/08/04 Python
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
个人简历中自我评价
2014/02/11 职场文书
《手指教学》反思
2014/02/14 职场文书
食品安全工作方案
2014/05/07 职场文书
政协调研汇报材料
2014/08/15 职场文书
小学生竞选班干部演讲稿(5篇)
2014/09/12 职场文书
2014年纠风工作总结
2014/12/08 职场文书
监理中标通知书
2015/04/16 职场文书
2015年社区卫生工作总结
2015/04/21 职场文书
幼儿园小班工作总结2015
2015/04/25 职场文书
在HTML中引入CSS的几种方式介绍
2021/12/06 HTML / CSS
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫