首頁 > web前端 > js教程 > 指定區域的圖片自動按比例縮小的js程式碼(防止頁面被圖片撐破)_javascript技巧

指定區域的圖片自動按比例縮小的js程式碼(防止頁面被圖片撐破)_javascript技巧

WBOY
發布: 2016-05-16 16:58:52
原創
1189 人瀏覽過

複製程式碼 程式碼如下:






意思是控制指定區域的圖片大小,要不要一些大點的廣告圖片也會變形。


腳本家庭的圖片控制碼:





複製程式碼
複製程式碼複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼


程式碼如下:


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是最大的高度。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板