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>

沒有留言:

張貼留言

感謝您的留言,如果我的文章你喜歡或對你有幫助,按個「讚」或「分享」它,我會很高興的。