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 代码压缩工具小结
Feb 27 Javascript
jquery自定义滚动条插件示例分享
Feb 21 Javascript
深入学习JavaScript中的原型prototype
Aug 13 Javascript
js判断输入字符串是否为空、空格、null的方法总结
Jun 14 Javascript
Javascript表单特效之十大常用原理性样例代码大总结
Jul 12 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
jQuery与JavaScript节点创建方法的对比
Nov 18 Javascript
微信小程序 底部导航栏目开发资料
Dec 05 Javascript
DropDownList控件绑定数据源的三种方法
Dec 24 Javascript
Vue.js最佳实践(五招助你成为vuejs大师)
May 04 Javascript
vue :src 文件路径错误问题的解决方法
May 15 Javascript
小程序getLocation需要在app.json中声明permission字段
Apr 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
CodeIgniter采用config控制的多语言实现根据浏览器语言自动转换功能
2014/07/18 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
javascript读取RSS数据
2007/01/20 Javascript
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
Extjs4中tree的拖拽功能(可以两棵树之间拖拽) 简单实例
2013/12/08 Javascript
javascript打开word文档的方法
2014/04/16 Javascript
javascript实现10个球随机运动、碰撞实例详解
2015/07/08 Javascript
jquery Easyui快速开发总结
2015/08/20 Javascript
深入理解Javascript中的自执行匿名函数
2016/06/03 Javascript
AngularJS使用ng-options指令实现下拉框
2016/08/23 Javascript
解析ajaxFileUpload 异步上传文件简单使用
2016/12/30 Javascript
jQuery实现文档树效果
2017/02/20 Javascript
详解用vue.js和laravel实现微信授权登陆
2017/06/23 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
浅谈angular4.0中路由传递参数、获取参数最nice的写法
2018/03/12 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
微信小程序实现张图片合成为一张并下载
2019/07/16 Javascript
Python使用metaclass实现Singleton模式的方法
2015/05/05 Python
Scrapy-redis爬虫分布式爬取的分析和实现
2017/02/07 Python
Python3 适合初学者学习的银行账户登录系统实例
2017/08/08 Python
Python使用matplotlib的pie函数绘制饼状图功能示例
2018/01/08 Python
Pycharm运行加载文本出现错误的解决方法
2019/06/27 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
Python Opencv中用compareHist函数进行直方图比较对比图片
2020/04/07 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
AmazeUI中模态框的实现
2020/08/19 HTML / CSS
局域网定义和特性
2016/01/23 面试题
生活小常识广播稿
2015/08/19 职场文书
使用@Value值注入及配置文件组件扫描
2021/07/09 Java/Android
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫
Java详细解析==和equals的区别
2022/04/07 Java/Android
MySQL中正则表达式(REGEXP)使用详解
2022/07/07 MySQL