2013年6月10日 星期一

HTML img 標籤預設圖片用法

來源

http://stackoverflow.com/questions/980855/inputting-a-default-image-in-case-the-src-arribute-of-an-html-img-is-not-valid

html 中,image src 不存在時,使用替代圖片的作法

<img src="foo.jpg" onerror="this.src='error.jpg';">

不過使用 onerror 處理圖片有一個問題,當 error 圖片不存在時,會進入無窮迴圈(onerror > onerror > onerror… )

另一個方法是用

object 中的圖片存在時,就不會呼叫 img 內容

在 ie8 中,需要搭配 DTD for HTML 4.01 使用(不知道使用 HTML 5 標籤是否有用..)

沒有留言: