用 JavaScript 讓圖片自動縮放大小(一)
下圖原始圖檔 pic02.jpg 尺寸為 600 X 450
你可以這張圖檔上,使用滑鼠右鍵,選擇內容,查看原始與縮過的尺寸。
< img src=pics/pic02.jpg border=0 width="600" height="450" alt="這是原始大圖片">
使用 JavaScript 程式後,便可將此圖檔依據你的需要自動縮放此圖片尺寸。
本例我設寬度為 500 Pixel,高度自動變更為 375 Pixel。
你也可以在此圖檔上使用滑鼠右鍵,選擇內容,查看你伸縮過的尺寸。
注意:此圖檔語法如果放於表格內,將無此功能。
優點:輕鬆達到自動縮放圖片,符合自己所要的尺寸。
如果原始圖的尺寸比自己所需的圖片還小,則直接顯示,不做處理。
使用 JavaScript 程式如下:
<img src="pics/pic02.jpg" onload="(this.width/this.height > 1) ? (this.width >500? this.width=500:this.width):(this.height>500 ? this.height=500:this.height)">
本報導資料來源:Aican 鴻思亂想

請按瀏覽器的檢視原始碼查看