用 JavaScript 讓圖片自動縮放大小

用 JavaScript 讓圖片自動縮放大小(五)

下圖原始圖檔 pic01.jpg 尺寸為 600 X 450
使用 JavaScript 程式後，便可將此圖檔依據你的需要自動縮放此圖片尺寸。
本例我設寬度為 300 Pixel，高度自動變更為 300 Pixel。
你也可以在此圖檔上使用滑鼠右鍵，選擇內容，查看你伸縮過的尺寸。
優點：輕鬆達到自動縮放圖片，符合自己所要的尺寸。

範例(一)

使用 JavaScript 程式(一)如下：

<BODY>
<img src="pics/pic01.jpg" onload="if(this.width>400)this.width=400" alt="這是自動縮放後的圖片效果">
</BODY>

範例(二)

使用 JavaScript 程式如下：

<BODY>
<img src="pics/pic01.jpg" onload="this.width=Math.min(this.width,400)" alt="這是自動縮放後的圖片效果">
</BODY>

範例(三) - 加入 onClick="location.href=this.src" ，讓它也可以點選連結

使用 JavaScript 程式如下：

<BODY>
<img src="pics/pic01.jpg" onload="this.width=Math.min(this.width,400)" onClick="location.href=this.src">
</BODY>

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