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系列(10) JavaScript核心(晋级高手必读篇)
Jan 15 Javascript
JS中把字符转成ASCII值的函数示例代码
Nov 21 Javascript
将查询条件的input、select清空
Jan 14 Javascript
JQuery获取与设置HTML元素的内容或文本的实现代码
Jun 20 Javascript
JQuery中两个ul标签的li互相移动实现方法
May 18 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
JS实现动态增加和删除li标签行的实例代码
Oct 16 Javascript
javascript 注释代码的几种方法总结
Jan 04 Javascript
深入理解移动前端开发之viewport
Oct 19 Javascript
微信小程序使用npm包的方法步骤
Aug 13 Javascript
微信小程序点击保存图片到本机功能
Dec 13 Javascript
在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作
Aug 10 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中Smarty模板初体验
2011/08/08 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
laravel validate 设置为中文的例子(验证提示为中文)
2019/09/29 PHP
php封装的page分页类完整实例代码
2020/02/01 PHP
如果文字过长,则将过长的部分变成省略号显示
2006/06/26 Javascript
asp javascript 实现关闭窗口时保存数据的办法
2007/11/24 Javascript
JS维吉尼亚密码算法实现代码
2010/11/09 Javascript
js获取form的方法
2015/05/06 Javascript
JavaScript 性能优化小结
2015/10/12 Javascript
easyui-combobox 实现简单的自动补全功能示例
2016/11/08 Javascript
谈谈第三方App接入微信登录 解读
2016/12/27 Javascript
nodejs判断文件、文件夹是否存在及删除的方法
2017/11/10 NodeJs
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
jQuery实现监听下拉框选中内容发生改变操作示例
2018/07/13 jQuery
vue中的ref和$refs的使用
2018/11/22 Javascript
layui自定义工具栏的方法
2019/09/19 Javascript
[02:10]2018DOTA2亚洲邀请赛赛前采访-Liquid
2018/04/03 DOTA
举例讲解Python中字典的合并值相加与异或对比
2016/06/04 Python
简单掌握Python的Collections模块中counter结构的用法
2016/07/07 Python
Python字典,函数,全局变量代码解析
2017/12/18 Python
python实现祝福弹窗效果
2019/04/07 Python
pytorch多进程加速及代码优化方法
2019/08/19 Python
python 魔法函数实例及解析
2019/09/25 Python
python 协程 gevent原理与用法分析
2019/11/22 Python
Python爬虫设置ip代理过程解析
2020/07/20 Python
python 实现波浪滤镜特效
2020/12/02 Python
CSS3 渐变(Gradients)之CSS3 径向渐变
2016/07/08 HTML / CSS
详解HTML5如何使用可选样式表为网站或应用添加黑暗模式
2020/04/07 HTML / CSS
JAVA程序员面试题
2012/10/03 面试题
建筑设计所实习生自我鉴定
2013/09/25 职场文书
青年创业培训欢迎词
2014/01/10 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书
中学生自我评价2015
2015/03/03 职场文书
关于清明节的演讲稿2015
2015/03/18 职场文书
检讨书格式
2019/04/25 职场文书
解析Redis Cluster原理
2021/06/21 Redis