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 相关文章推荐
JSQL 批量图片切换的实现代码
May 05 Javascript
浅谈tudou土豆网首页图片延迟加载的效果
Jun 23 Javascript
jquery文档操作wrap()方法实例简述
Jan 10 Javascript
html的DOM中Event对象onblur事件用法实例
Jan 21 Javascript
JavaScript控制网页平滑滚动到指定元素位置的方法
Apr 17 Javascript
JS仿京东移动端手指拨动切换轮播图效果
Apr 10 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
Mar 14 Javascript
JS查找英文文章中出现频率最高的单词
Mar 20 Javascript
浅谈react+es6+webpack的基础配置
Aug 09 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
vue 实现setInterval 创建和销毁实例
Jul 21 Javascript
vue实现动态给id赋值,点击事件获取当前点击的元素的id操作
Nov 09 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
Apache2中实现多网站域名绑定的实现方法
2011/06/01 PHP
php 中的4种标记风格介绍
2012/05/10 PHP
WordPress后台中实现图片上传功能的实例讲解
2016/01/11 PHP
PHP实现webshell扫描文件木马的方法
2017/07/31 PHP
Yii框架实现对数据库的CURD操作示例
2019/09/03 PHP
PHP执行普通shell命令流程解析
2020/08/24 PHP
Javascript 跨域访问解决方案
2009/02/14 Javascript
JavaScript效率调优经验
2009/06/04 Javascript
javascript动态加载三
2012/08/22 Javascript
javascript中[]和{}对象使用介绍
2013/03/20 Javascript
JS模块与命名空间的介绍
2013/03/22 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
js实现单张图片平移切换效果
2017/10/11 Javascript
jQuery实现获取选中复选框的值实例详解
2018/06/28 jQuery
vue组件横向树实现代码
2018/08/02 Javascript
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
Python内置模块hashlib、hmac与uuid用法分析
2018/02/12 Python
Python实现常见的回文字符串算法
2018/11/14 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
Python代理IP爬虫的新手使用教程
2019/09/05 Python
Python常用模块logging——日志输出功能(示例代码)
2019/11/20 Python
Python实现汇率转换操作
2020/05/03 Python
什么是python类属性
2020/06/10 Python
css3 中实现炫酷的loading效果
2019/04/26 HTML / CSS
html5 Canvas画图教程(10)—把面拆成线条模拟出圆角矩形
2013/01/09 HTML / CSS
html5 datalist 选中option选项后的触发事件
2020/03/05 HTML / CSS
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
施华洛世奇德国官网:SWAROVSKI德国
2017/02/01 全球购物
党员志愿者活动总结
2014/06/26 职场文书
贷款委托书怎么写
2014/08/02 职场文书
学期个人自我总结
2015/02/13 职场文书
Java 实战项目之家居购物商城系统详解流程
2021/11/11 Java/Android
windows系统安装配置nginx环境
2022/06/28 Servers