作者JRaheng (C'est La Vie)
看板Web_Design
標題[問題] 預先載入圖片
時間Fri Dec 26 19:31:45 2008
目前我用PHP寫了一個網站
而網站用到的圖片有1600x1200跟1200x1600兩種格式
我之前是直接在<img>裡固定了圖片的大小(100x100)
但是1600x1200的圖片有點被拉長 1200x1600有點被壓縮
所以我就用Javascript寫了一個程式去判斷圖片的寬、高做合理的縮放:
<script language="Javascript">
<!--
function min(img){
if(img.width/img.height>1){
if(img.width>100){img.width=92;
img.height=69;
}
}
else{
if(img.height>100){img.height=92;
img.width=69;
}
}
}
-->
</script>
之後再在<img>裡寫onload="javascript:min(this);"
可是又有問題來了:
因為是在載入頁面的時候去做判斷
所以只要網頁圖片一多 有時候就不會每張圖都被壓成92x69或69x92
而直接是他原本的大小~
這有辦法可以解決嗎?
因為本身其實是負責網頁的美工
Javascript有寫錯的地方就多多指教="=
感謝~~~
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.132.241.172
※ 編輯: JRaheng 來自: 220.132.241.172 (12/26 19:33)
推 KC73:搜尋一下 img.complete, 應該跟這個有關. 12/26 20:01
→ JRaheng:大概知道是什麼了 但可以詳細說明一下怎麼做嗎="= 12/26 20:48