複製程式碼 程式碼如下: <BR>//縮放圖片到合適大小<BR>function ResizeImages()<BR>{<BR> var myimg,oldwidth,oldheight;<BR> var maxwidth=550;<BR> var maxheight=880<BR> var imgs = document.getElementById(' article').getElementsByTagName('img'); //如果你定義的id不是article,請修改此處 <P> for(i=0;i<img s.length;i ){<BR alt="指定區域的圖片自動按比例縮小的js程式碼(防止頁面被圖片撐破)_javascript技巧" > myimg = imgs[i]; <P> if(myimg.width > myimg.height)<BR> {<BR> oldwidth = myimg.width;<BR> myimg.height = myimg. height * (maxwidth/oldwidth);<BR> myimg.width = maxwidth;<BR> if(myimg.height > maxheight)<BR> {<BR> oldheight = myimg.height ;<BR> myimg.width = myimg.width * (maxheight/oldheight);<BR> 🎜> }<BR> }<BR>}<BR>//縮放圖片到適當大小<BR>ResizeImages();<BR>意思是控制指定區域的圖片大小,要不要一些大點的廣告圖片也會變形。 腳本家庭的圖片控制碼: 複製程式碼複製程式碼複製程式碼 複製程式碼複製程式碼複製程式碼複製程式碼 程式碼如下:function controlImg(ele,w,h){ var c=ele.getElementsByTagName("img"); for(var i=0;i var w0=c[i].clientWidth,h0=c[i].clientHeight; var t1=w0/w,t2=h0/h; 1||t2>1||w0>=600){ c[i].width=Math.floor(w0/(t1>t2?t1:t2)); c[i].t1:t2)); =Math.floor(h0/(t1>t2?t1:t2));if(document.all){ c[i].outerHTML='' c[i].outerHTML '' } "在新視窗開啟圖片"; c[i].onclick=function(e){window.open(this.src)} } } ele就是指定的區域,w是最大的寬度,大於這個就會縮小。 h是最大的高度。