javascript 指定地區內圖片等比例縮放實現代碼 指令碼之家整合版 原創

指令碼之家整合篇，歡迎轉載。 複製代碼 代碼如下:function controlImg(ele,w,h){
var c=ele.getElementsByTagName("img");
for(var i=0;i<c.length;i++){
var w0=c[i].clientWidth,h0=c[i].clientHeight;
var t1=w0/w,t2=h0/h;
if(t1>1||t2>1){
c[i].width=Math.floor(w0/(t1>t2?t1:t2));
c[i].height=Math.floor(h0/(t1>t2?t1:t2));
if(document.all){
c[i].outerHTML='<a href="'+c[i].src+'" target="_blank" title="在新視窗開啟圖片">'+c[i].outerHTML+'</a>'
}
else{
c[i].title="在新視窗開啟圖片";
c[i].onclick=function(e){window.open(this.src)}
}
}
}
}
window.onload=function(){
controlImg(document.getElementById("content"),670,980);
}

以前就需要這樣的代碼，但因為具體的思路不是和很清楚，今天在blueidea看到的文章，特整理下。
指定地區內的，一般用於控制內容部分的圖片，可通過controlImg(document.getElementById("content"),670,980); 中的content,下面是測試代碼。<br />下面是要控制的地區。 </p>原圖 <center></center><br />　　教程圖層：<br />　　一 開啟原圖 複製一層<br />　　二 執行圖層<建立調整圖層<色相/飽和度 參數不講解<br />　　三 執行圖層<建立調整圖層<曲線<br />　　四 去色 然後降低不透明度<br />　　五 執行圖層<建立調整圖層<亮度/對比 <center></center><p>這下面是不需要控制的地區，大家可以參考下。<br />原圖 <center></center><br />　　教程圖層：<br />　　一 開啟原圖 複製一層<br />　　二 執行圖層<建立調整圖層<色相/飽和度 參數不講解<br />　　三 執行圖層<建立調整圖層<曲線<br />　　四 去色 然後降低不透明度<br />　　五 執行圖層<建立調整圖層<亮度/對比 <center></center><br />