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 读取XML数据,在页面中展现、编辑、保存的实现
Oct 27 Javascript
关于火狐(firefox)及ie下event获取的两种方法
Dec 27 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
JS上传前预览图片实例
Mar 25 Javascript
原生js的弹出层且其内的窗口居中
May 14 Javascript
js中string转int把String类型转化成int类型
Aug 13 Javascript
用JavaScript实现用一个DIV来包装文本元素节点
Sep 09 Javascript
javascript学习笔记(三)BOM和DOM详解
Sep 30 Javascript
js脚本实现数据去重
Nov 27 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
javascript执行环境及作用域详解
May 05 Javascript
使用js实现单链解决前端队列问题的方法
Feb 03 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获取金书网的书名的实现代码
2010/06/11 PHP
php日历制作代码分享
2014/01/20 PHP
php实现Linux服务器木马排查及加固功能
2014/12/29 PHP
php文件上传、下载和删除示例
2020/08/28 PHP
php根据年月获取当月天数及日期数组的方法
2016/11/30 PHP
javascript 页面只自动刷新一次
2009/07/10 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
Javascript单元测试框架QUnitjs详细介绍
2014/05/08 Javascript
JQuery获取表格数据示例代码
2014/05/26 Javascript
jQuery结合ajax实现动态加载文本内容
2015/05/19 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
jquery实现表格隔行换色效果
2015/11/19 Javascript
详解Javascript事件驱动编程
2016/01/03 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
手动初始化Angular的模块与控制器
2016/12/26 Javascript
使用cropper.js裁剪头像的实例代码
2017/09/29 Javascript
使用axios实现上传图片进度条功能
2017/12/21 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
使用jquery-easyui的布局layout写后台管理页面的代码详解
2019/06/19 jQuery
如何基于jQuery实现五角星评分
2020/09/02 jQuery
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
python scipy求解非线性方程的方法(fsolve/root)
2018/11/12 Python
Python实现Event回调机制的方法
2019/02/13 Python
python保存字典和读取字典的实例代码
2019/07/07 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python hash每次调用结果不同的原因
2019/11/21 Python
pytorch载入预训练模型后,实现训练指定层
2020/01/06 Python
Python3 io文本及原始流I/O工具用法详解
2020/03/23 Python
python中的对数log函数表示及用法
2020/12/09 Python
瑞士隐形眼镜和护理产品网上商店:Linsenklick
2019/10/21 全球购物
迟到检讨书400字
2014/01/13 职场文书
2014年人事部工作总结
2014/12/03 职场文书
2015年度质量工作总结报告
2015/04/27 职场文书
茶花女读书笔记
2015/06/29 职场文书
创业计划书之校园超市
2019/09/12 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers