javascript圖片自動縮放-判斷圖片大小
廣告：
<img src="aa.jpg" onload="javascript:if(this.width>200){this.width=this.width*0.6;this.height=this.height*0.6;}">
對于img標簽 onload不能通過w3c認證有以下解決方法:
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標記：
<img src="圖片URL" alt="圖片說明" class="futu" />
或:
全局，即當前頁面中的所有圖片：
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;
單個圖片,由圖片唯一ID區分
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;
多個圖片，一類圖片數組，即所有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; //函數內部臨時變量,初始值
var loadwidthtemp=100; // 傳入寬,初始值
var loadheighttemp=100; // 傳入高,初始值
var imghaohaibotemp= new Array; //定義數組；
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;
廣告：
