js判斷設備是否為PC并調整圖片大小
更新時間：2014年02月12日 09:53:03 作者：
這篇文章主要介紹了js判斷設備是否為PC并調整圖片大小,需要的朋友可以參考下
復制代碼 代碼如下:
<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實現(xiàn)翻書特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
這篇文章主要介紹了在JavaScript中運行.NET?Core代碼詳情，DotNetJS可以將C#項目編譯為與任何環(huán)境兼容的單文件JavaScript庫，變可以在JavaScript中運行.NET?Core代碼，相關操作分享詳情，需要的小伙伴可以參考一下2022-04-04
這篇文章主要介紹了JavaScript之ES5的繼承的相關資料，文中示例代碼非常詳細，幫助大家更好的理解和學習，感興趣的朋友可以了解下2020-07-07
2007/12/23更新創(chuàng)意無限,簡單實用(javascript log)
在javascript開發(fā)過程中，如果總是使用alert的方式調試程序，在某些簡單的程序中是可行的. 但是在通常的項目很復雜，這種方式已經(jīng)很難滿足，企業(yè)級開發(fā)的需要。2007-12-12
對于經(jīng)常用js的朋友，有時候一段腳本并不是兩個瀏覽器都兼容的，下面一些對ie和firefox都兼容的一些代碼，大家可以學習下。2008-10-10
easycom是uniapp的一種組件自動引入的規(guī)則,使用這種規(guī)則可以使?jié)M足規(guī)則的組件無需注冊直接使用,下面這篇文章主要給大家介紹了關于uniapp中如何使用easycom自定義組件的相關資料,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了Bootstrap風格的zTree右鍵菜單功能，實現(xiàn)代碼分為html，css和js三部分，代碼簡單易懂，非常不錯，需要的朋友可以參考下2017-02-02
這篇文章主要為大家詳細介紹了微信小程序獲取手機驗證碼的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
JavaScript實現(xiàn)一個多少秒后自動跳轉的頁面(案例代碼)
最近遇到這樣一個需求是用js簡單實現(xiàn)一個多少秒后自動跳轉的頁面，實現(xiàn)代碼非常簡單，對js自動跳轉頁面相關知識感興趣的朋友一起看看吧2023-01-01
雖然小程序在剛推出時是不支持組件化的,但如今小程序開始支持自定義組件開發(fā),下面這篇文章主要給大家介紹了關于微信小程序組件化開發(fā)的相關資料,需要的朋友可以參考下2023-03-03