-
所有圖片<img>依照出現順序都屬於images物件集合
- document.images[0].alt="wolf";
-
屬性
-
分支主題 1
-
name
- 存取圖片名稱
-
src
- 存取圖片檔案的URL
-
width
- 存取圖片寬度
-
height
- 存取圖片的高度
-
hspace/vspace
- 存取圖片的位置
-
isMap
- 設定圖片為伺服端的影像地圖
-
useMap
- 設定圖片為客戶端的影像地圖
-
alt
- 存取無法顯示圖片時的替代文字
-
complete
- 檢查圖片是否已經完全載入,true為已載入
-
事件
-
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="wolf.png" alt="狼" />
</div>