JavaScript Image Element

所有圖片<img>依照出現順序都屬於images物件集合 。例如，

// 設定網頁裡第一張圖片的alt屬性
document.images[0].alt="wolf"; 

image元素屬性

JavaScript image元素屬性

名稱	說明
name	存取圖片名稱
src	存取圖片檔案的URL
width	存取圖片寬度
height	存取圖片的高度
hspace/vspace	存取圖片的位置
isMap	設定圖片為伺服端的影像地圖
useMap	設定圖片為客戶端的影像地圖
alt	存取無法顯示圖片時的替代文字
complete	檢查圖片是否已經完全載入，true為已載入

image元素事件

JavaScript image元素事件

名稱	說明
onload	當圖片完全載入時，觸發此事件
onabort	當使用者中止載入時，觸發此事件
onerror	當找不到圖片檔案或圖檔損壞時，觸發此事件

放大圖片時

如果<img>是含在<div>之內，當我們放大圖片時，能在<div>內使用CSS的兩個參數，讓<div>幫我們出現捲動軸。

<div id="imgFrame" style="overflow-x:scroll;overflow-y:scroll;height:350px;width:600px;">
<img src="kkbruce.png" alt="KKBruce" />
</div>