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获取当页面上鼠标光标位置和触发事件的对象的代码
Dec 09 Javascript
JavaScript中的Web worker多线程API研究
Dec 06 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
php 修改密码实现代码
May 24 Javascript
详解基于Vue+Koa的pm2配置
Oct 24 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
解决vue-cli3 使用子目录部署问题
Jul 19 Javascript
Vue 莹石摄像头直播视频实例代码
Aug 31 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
微信小程序用户拒绝授权的处理方法详解
Sep 20 Javascript
卸载vue2.0并升级vue_cli3.0的实例讲解
Feb 16 Javascript
js将URL网址转为16进制加密与解密函数
Mar 04 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模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
Warning: session_destroy() : Trying to destroy uninitialized sessionq错误
2011/06/16 PHP
将二维数组转为一维数组的2种方法
2014/05/26 PHP
XAMPP升级PHP版本实现步骤解析
2020/09/04 PHP
JavaScript 中的replace方法说明
2007/04/13 Javascript
Javascript 遍历对象中的子对象
2009/07/03 Javascript
jQuery判断密码强度实现思路及代码
2013/04/24 Javascript
ionic组件ion-tabs选项卡切换效果实例
2016/08/27 Javascript
Angular.js中ng-if、ng-show和ng-hide的区别介绍
2017/01/20 Javascript
nodejs基础知识
2017/02/03 NodeJs
jquery.flot.js简单绘制折线图用法示例
2017/03/13 Javascript
react-native中ListView组件点击跳转的方法示例
2017/09/30 Javascript
vue-router中scrollBehavior的巧妙用法
2018/07/09 Javascript
Element-UI中关于table表格的那些骚操作(小结)
2019/08/15 Javascript
关于layui的下拉搜索框异步加载数据的解决方法
2019/09/28 Javascript
基于VUE的v-charts的曲线显示功能
2019/10/01 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
2020/03/04 Javascript
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
JS判断数组四种实现方法详解
2020/06/29 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
vue 实现element-ui中的加载中状态
2020/11/11 Javascript
[18:32]DOTA2 HEROS教学视频教你分分钟做大人-谜团
2014/06/12 DOTA
用matplotlib画等高线图详解
2017/12/14 Python
python2.7到3.x迁移指南
2018/02/01 Python
python topN 取最大的N个数或最小的N个数方法
2018/06/04 Python
Django获取应用下的所有models的例子
2019/08/30 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
django rest framework serializer返回时间自动格式化方法
2020/03/31 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
新加坡航空官方网站:Singapore Airlines
2016/10/13 全球购物
通信工程毕业生自荐信
2013/11/01 职场文书
自我鉴定注意事项
2014/01/19 职场文书
会计专业求职信
2014/08/10 职场文书
公司年会开场白
2015/06/01 职场文书
2016年小学植树节活动总结
2016/03/16 职场文书
详解Nginx 工作原理
2021/03/31 Servers