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 相关文章推荐
高性能Javascript笔记 数据的存储与访问性能优化
Aug 02 Javascript
jquery数组之存放checkbox全选值示例代码
Dec 20 Javascript
js使用eval解析json(js中使用json)
Jan 17 Javascript
jQuery 写的简单打字游戏可以提示正确和错误的次数
Jul 01 Javascript
Javascript基础教程之数据类型 (布尔型 Boolean)
Jan 18 Javascript
jquery+css实现绚丽的横向二级下拉菜单-附源码下载
Aug 23 Javascript
JQuery导航菜单选择特效
Apr 11 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
JavaScript 数组去重并统计重复元素出现的次数实例
Dec 14 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
详解vue 组件
Jun 11 Javascript
JavaScript实现单点登录的示例
Sep 23 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 ignore_user_abort与register_shutdown_function 使用方法
2009/06/14 PHP
PHP中strncmp()函数比较两个字符串前2个字符是否相等的方法
2016/01/07 PHP
PHP抽象类与接口的区别实例详解
2019/05/09 PHP
php连接mysql之mysql_connect()与mysqli_connect()的区别
2020/07/19 PHP
用jquery和json从后台获得数据集的代码
2011/11/07 Javascript
JavaScript地图拖动功能SpryMap的简单实现
2013/07/17 Javascript
node.js中的events.emitter.listeners方法使用说明
2014/12/10 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
Web前端新人笔记之jquery入门心得(新手必看)
2016/05/17 Javascript
iscroll实现下拉刷新功能
2017/07/18 Javascript
ztree简介_动力节点Java学院整理
2017/07/19 Javascript
Vue2.0 slot分发内容与props验证的方法
2017/12/12 Javascript
vue 修改 data 数据问题并实时显示的方法
2018/08/27 Javascript
详解如何使用node.js的开发框架express创建一个web应用
2018/12/20 Javascript
vue-router实现嵌套路由的讲解
2019/01/19 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
用js实现放大镜效果
2020/10/28 Javascript
Phantomjs抓取渲染JS后的网页(Python代码)
2016/05/13 Python
Python实现的维尼吉亚密码算法示例
2018/04/12 Python
Django 根据数据模型models创建数据表的实例
2018/05/27 Python
python中的turtle库函数简单使用教程
2018/07/23 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
Django与AJAX实现网页动态数据显示的示例代码
2021/02/24 Python
HTML5新表单元素_动力节点Java学院整理
2017/07/12 HTML / CSS
html5组织文档结构_动力节点Java学院整理
2017/07/11 HTML / CSS
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
模具专业推荐信
2013/10/30 职场文书
售后专员岗位职责
2013/12/08 职场文书
2014年计划生育协会工作总结
2014/11/14 职场文书
科技馆观后感
2015/06/08 职场文书
毕业典礼主持词
2015/06/29 职场文书
小学英语教师研修感悟
2015/11/18 职场文书
开学第一周日记(三篇范文)
2019/08/23 职场文书
SpringBoot中HttpSessionListener的简单使用方式
2022/03/17 Java/Android
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏
Python Matplotlib绘制等高线图与渐变色扇形图
2022/04/14 Python