js判断设备是否为PC并调整图片大小
2014-02-12 00:00
716 查看
<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>
相关文章推荐
- js判断设备是否为PC并调整图片大小
- Js判断客户端是否为PC还是手持设备
- Js判断客户端是否为PC还是手持设备
- Js判断客户端是否为PC还是手持设备
- Js判断用户客户端是否为PC还是手持移动设备的方法
- Js判断客户端是否为PC还是手持设备
- Js判断客户端是否为PC还是手持移动设备
- js 实现在页面实现上传图片的预览,并判断大小
- js判断是否是pc
- flex上传图片判断图片大小是否符合
- 通过input上传图片,判断不同浏览器及图片类型和大小的js代码
- JS/JQuery判断是否移动设备+JS/JQuery判断浏览器类型
- js判断设备是否是移动端代码
- js判断用户的浏览设备是移动设备还是PC
- js 判断图片是否加载完以及实现图片的预下载
- NeatUpload js 判断上传文件的大小是否超过了空间的大小
- 调整图片大小JS代码
- js判断上传图片大小及尺寸
- js判断图片是否存在
- 前端 js 判断设备类型是手机还是PC 并打开不同设备下的页面