台灣最大程式設計社群網站
線上人數
535
 
會員總數:245484
討論主題:189238
歡迎您免費加入會員
討論區列表 >> 專欄文章 >> 圖片自動縮小
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
圖片自動縮小
價值 : 0 QP  點閱數:893 回應數:0

樓主

站務人員 站長
門外漢
0 1580
542 9
發送站內信

捐贈 VP 給 站務人員
<Script Language="JavaScript">
<!--
function Win()
{
x = document.img.width+9;
y = document.img.height+29;
resizeTo(x,y);
moveTo(100,50);
}
//-->
</Script>

<body onload="Win()">

<img src="../image/img.gif" name="img">


=========================================================
回應者:  senchiyo   senchiyo@msf.pchome.com.tw

剩下的靠你自己囉^^

=============================================
<img src="file://c:\windows\ACD Wallpaper.bmp" name='postimg' border="0">
<img name="tstimg" width="60%" height="1">
<script>
var oimg_width=new Array();
var oimg_height=new Array();
var imgMaxWidth=document.images['tstimg'].width;
var imgLength;
setTimeout("resize_image()",3000);

function resize_image() {
   if (document.images('postimg') && imgMaxWidth>400) {
      if (document.images('postimg').length) {
         imgLength=document.images('postimg').length;
         if (imgLength>0 && imgMaxWidth>0) {
            for (var i=0; i<imgLength && i<10; i++) {
         var imager = document.images('postimg')(i);
               imager.id=i;
               if (imager.width>imgMaxWidth) {
                  update_img(imager);
               } else {
                  imager.onload=update_img;
               }
            }
         }
      } else {
         var imager = document.images('postimg');
         imager.id=0;
         if (imager.width>imgMaxWidth) {
            update_img(imager);
         } else {
            imager.onload=update_img;
         }
      }

   }
}

function revert(evt) {
   var elem = (evt) ? evt.target : ((window.event) ? window.event.srcElement : "")
   var temp;

   temp=elem.width;
   elem.width=oimg_width[elem.id];
   oimg_width[elem.id]=temp;

   temp=elem.height;
   elem.height=oimg_height[elem.id];
   oimg_height[elem.id]=temp;

   elem.onclick=revert;

}
function update_img(evt) {
   var elem = (evt) ? (evt.target ? evt.target : evt) : ((window.event) ? window.event.srcElement : "")
   if (elem.width>imgMaxWidth) {
      oimg_width[elem.id]=elem.width;
      oimg_height[elem.id]=elem.height;
      elem.style.cursor= document.all ? 'hand' : 'pointer';
      elem.title="還原";
     elem.onclick=revert;
      elem.width=imgMaxWidth;
     elem.height=elem.height * imgMaxWidth/elem.width;
   }

}
</script> 

本篇文章發表於2002-03-27 00:00
別忘捐VP感謝幫助你的人 新手會員瞧一瞧
目前尚無任何回覆
   

回覆
如要回應,請先登入.