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 相关文章推荐
js字符编码函数区别分析
Jun 05 Javascript
jQuery 1.4 15个你应该知道的新特性(译)
Jan 24 Javascript
javascript中的window.location.search方法简介
Sep 02 Javascript
仿百度的关键词匹配搜索示例
Sep 25 Javascript
用JavaScript实现使用鼠标画线的示例代码
Aug 19 Javascript
JQuery分屏指示器图片轮换效果实例
May 21 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
JS实现的几个常用算法
Nov 12 Javascript
angular中的http拦截器Interceptors的实现
Feb 21 Javascript
JS实现的合并多个数组去重算法示例
Apr 11 Javascript
JavaScript的词法结构精华篇
Oct 17 Javascript
Vue-CLI项目中路由传参的方式详解
Sep 01 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中变量及部分适用方法
2008/03/27 PHP
php网站被挂木马后的修复方法总结
2014/11/06 PHP
PHP框架Laravel的小技巧两则
2015/02/10 PHP
PHP统计当前在线用户数实例讲解
2015/10/21 PHP
Zend Framework动作控制器用法示例
2016/12/09 PHP
Laravel5中Cookie的使用详解
2017/05/03 PHP
php fread函数使用方法总结
2019/05/28 PHP
php 多继承的几种常见实现方法示例
2019/11/18 PHP
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
seajs1.3.0源码解析之module依赖有序加载
2012/11/07 Javascript
当前页禁止复制粘贴截屏代码小集
2013/07/24 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
2013/12/18 Javascript
浅析JQuery UI Dialog的样式设置问题
2013/12/18 Javascript
js获取上传文件大小示例代码
2014/04/10 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
2015/12/03 Javascript
详谈ES6中的迭代器(Iterator)和生成器(Generator)
2017/07/31 Javascript
JS实现数组简单去重及数组根据对象中的元素去重操作示例
2018/01/05 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
2018/02/23 Javascript
js实现指定时间倒计时效果
2019/08/26 Javascript
微信小程序工具函数封装
2019/10/28 Javascript
Python判断操作系统类型代码分享
2014/11/22 Python
利用Python演示数型数据结构的教程
2015/04/03 Python
详解Python核心编程中的浅拷贝与深拷贝
2018/01/07 Python
Python3实现爬虫爬取赶集网列表功能【基于request和BeautifulSoup模块】
2018/12/05 Python
python 魔法函数实例及解析
2019/09/25 Python
python交互模式基础知识点学习
2020/06/18 Python
Python request中文乱码问题解决方案
2020/09/17 Python
如何用Matlab和Python读取Netcdf文件
2021/02/19 Python
台湾SHOPRO购物行家:亚洲首创影视.3C.家电.优质购物平台
2018/05/07 全球购物
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
Java Servlet的主要功能和作用是什么
2014/02/14 面试题
中学生获奖感言
2014/02/04 职场文书
经典公益广告词
2014/03/13 职场文书
小学语文复习计划
2015/01/19 职场文书
中英文求职信范文
2015/03/19 职场文书
刑事辩护词范文
2015/05/21 职场文书