javascript圖片自動(dòng)縮放-判斷圖片大小
廣告：
<img src="aa.jpg" onload="javascript:if(this.width>200){this.width=this.width*0.6;this.height=this.height*0.6;}">
對(duì)于img標(biāo)簽 onload不能通過(guò)w3c認(rèn)證有以下解決方法:
function imgfixlen()
{
obj=document.getElementsByTagName("img");
for(i=0;i<obj.length;i++)
{
if(obj[i].className=="futu")
{
if(obj[i].width>400) obj[i].width=400;
if(obj[i].height>200) obj[i].height=200;
}
}
}
Html代碼：
<body onload="imgfixlen()">
Img標(biāo)記：
<img src="圖片URL" alt="圖片說(shuō)明" class="futu" />
或:
全局，即當(dāng)前頁(yè)面中的所有圖片：
function loadImgs()
{
var imgs = document.images;
var max_width = 500;
for (var i=0; i<imgs.length; i++)
{
var w = imgs[i].width;
var h = imgs[i].height;
if (w > max_width)
{
imgs[i].width = max_width;
imgs[i].height = h*max_width/w;
}
}
}
window.onload = loadImgs;
單個(gè)圖片,由圖片唯一ID區(qū)分
function loadImgs()
{
var imgs = document.getElementById("imgId");
var max_width = 500;
var w = imgs.width;
var h = imgs.height;
if (w > max_width)
{
imgs.width = max_width;
imgs.height = h*max_width/w;
}
}
window.onload = loadImgs;
多個(gè)圖片，一類圖片數(shù)組，即所有ID名都為 imgId的圖片
function loadImgs()
{
var imgs = document.getElementsByName("imgId");
var max_width = 120;
for (i=0;i<imgs.length;i++){
var w = imgs[i].width;
var h = imgs[i].height;
if (w > max_width)
{
imgs[i].width = max_width;
imgs[i].height = h*max_width/w;
}
}
}
window.onload = loadImgs;
或
function loadimghao() //class="imgload-200-180" 傳入寬高
{
var widthtemp=100; //函數(shù)內(nèi)部臨時(shí)變量,初始值
var loadwidthtemp=100; // 傳入寬,初始值
var loadheighttemp=100; // 傳入高,初始值
var imghaohaibotemp= new Array; //定義數(shù)組；
obj=document.getElementsByTagName("img");
for(i=0;i<obj.length;i++)
{
if(obj[i].className.substring(0,7)=="imgload")
{
imghaohaibotemp=obj[i].className.split("-");
if (imghaohaibotemp.length==3)
{
loadwidthtemp=imghaohaibotemp[1];
loadheighttemp=imghaohaibotemp[2];
if(obj[i].height>loadheighttemp)
{
widthtemp=obj[i].width*loadheighttemp/obj[i].height;
obj[i].height=loadheighttemp;
if (widthtemp>loadwidthtemp)
obj[i].width=loadwidthtemp;
else
obj[i].width=widthtemp;
}
}
}
}
}
window.onload = loadimghao;
廣告：
