js判断设备是否为PC并调整图片大小


Posted in Javascript onFebruary 12, 2014
<html> 
<head> 
<script type="text/javascript"> 
/* 判断设备是否为PC */ 
function isPC() { 
var userAgentInfo = navigator.userAgent; 
var Agents = new Array("Android", "iPhone", "SymbianOS","Windows Phone", "iPad", "iPod"); 
var flag = true; 
for ( var v = 0; v < Agents.length; v++) { 
if (userAgentInfo.indexOf(Agents[v]) > 0) { 
flag = false; 
break; 
} 
} 
return flag; 
} /* 调整图片大小 */ 
function AutoResizeImage(maxWidth, maxHeight, objImg) { 
var img = new Image(); 
img.src = objImg.src; 
var hRatio; 
var wRatio; 
var Ratio = 1; 
var w = img.width; 
var h = img.height; 
wRatio = maxWidth / w; 
hRatio = maxHeight / h; 
if (maxWidth == 0 && maxHeight == 0) { 
Ratio = 1; 
} else if (maxWidth == 0) { // 
if (hRatio < 1) Ratio = hRatio; 
} else if (maxHeight == 0) { 
if (wRatio < 1) Ratio = wRatio; 
} else if (wRatio < 1 || hRatio < 1) { 
Ratio = (wRatio <= hRatio ? wRatio : hRatio); 
} 
if (Ratio < 1) { 
w = w * Ratio; 
h = h * Ratio; 
} 
objImg.height = h; 
objImg.width = w; 
} 
/* 设置不同设备的缩放策略 */ 
function setImg(tagid,pcWidth,pcHeight,appWidth,appHeight){ 
var tag=document.getElementById(tagid); 
var images=tag.getElementsByTagName("img"); 
for(var i=0;i<images.length;i++){ 
if(isPC){ 
AutoResizeImage(pcWidth, pcHeight, images[i]); 
}else{ 
AutoResizeImage(appWidth, appHeight, images[i]); 
} 
} 
} 
window.onload=function(){ 
setImg('imgDIV',300,0,300,0); 
} 
</script> 
</head> 
<body> 
<div id="imgDIV"> 
<img alt="" src="http://192.168.1.116:9999/ffzx/news/20140205/015212022_1.jpg" /> 
<div> 
<img alt="" src="http://192.168.1.116:9999/ffzx/news/20140208/1386835169183.jpg" /> 
</div> 
</div> 
<br> 
</body> 
</html>
Javascript 相关文章推荐
accesskey 提交
Jun 26 Javascript
JQuery 操作Javascript对象和数组的工具函数小结
Jan 22 Javascript
在jQuery 1.5中使用deferred对象的代码(翻译)
Mar 10 Javascript
Javascript中的delete介绍
Sep 02 Javascript
ExtJs纵坐标值重复问题的解决方法
Feb 27 Javascript
jQuery使用CSS()方法给指定元素同时设置多个样式
Mar 26 Javascript
JQuery球队选择实例
May 18 Javascript
浅析angularJS中的ui-router和ng-grid模块
May 20 Javascript
js Canvas实现的日历时钟案例分享
Dec 25 Javascript
详解Vue监听数据变化原理
Mar 08 Javascript
Vue完整项目构建(进阶篇)
Feb 10 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
Apr 26 Javascript
Jquery Uploadify上传带进度条的简单实例
Feb 12 #Javascript
js弹出div并显示遮罩层
Feb 12 #Javascript
Jquery利用mouseenter和mouseleave实现鼠标经过弹出层且可以点击
Feb 12 #Javascript
jquery实现网页查找功能示例分享
Feb 12 #Javascript
使用jQuery和PHP实现类似360功能开关效果
Feb 12 #Javascript
对Jquery中的ajax再封装,简化操作示例
Feb 12 #Javascript
Jquery Ajax解析XML数据(同步及异步调用)简单实例
Feb 12 #Javascript
You might like
php网上商城购物车设计代码分享
2012/02/15 PHP
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
ASP和PHP实现生成网站快捷方式并下载到桌面的方法
2014/05/08 PHP
PHP下 Mongodb 连接远程数据库的实例代码
2017/08/30 PHP
PHP实现的curl批量请求操作示例
2018/06/06 PHP
基于prototype的validation.js发布2.3.4新版本,让你彻底脱离表单验证的烦恼
2006/12/06 Javascript
JS 创建对象(常见的几种方法)
2008/11/03 Javascript
ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值
2012/02/03 Javascript
javascript 三种方法实现获得和设置以及移除元素属性
2013/03/20 Javascript
jquery 提交值不为空的元素示例代码
2013/05/10 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
jquery实现的代替传统checkbox样式插件
2015/06/19 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
BootStrap轮播HTML代码(推荐)
2016/12/10 Javascript
JavaScript实现公历转农历功能示例
2017/02/13 Javascript
bootstrap 下拉多选框进行多选传值问题代码分析
2017/02/14 Javascript
SVG描边动画
2017/02/23 Javascript
使用Bootstrap + Vue.js实现添加删除数据示例
2017/02/27 Javascript
jquery中关于bind()方法的使用技巧分享
2017/03/30 jQuery
angular之ng-template模板加载
2017/11/09 Javascript
vue视频播放暂停代码
2019/11/08 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
Paypal支付不完全指北
2020/06/04 Javascript
JavaScript获取时区实现过程解析
2020/09/24 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
2020/11/24 Javascript
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python for和else语句趣谈
2019/07/02 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
python 类之间的参数传递方式
2019/12/20 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
REISS英国官网:伦敦High Street最受欢迎品牌
2016/12/21 全球购物
前厅部经理岗位职责范文
2014/02/04 职场文书
个人承诺书
2014/03/26 职场文书
财产公证书
2014/04/10 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL
python编程实现清理微信重复缓存文件
2021/11/01 Python