利用onerror()處理圖片失連時替換顯示圖
- 2008-05-18
- 32517
- 0
有時候如果網頁的圖片失連跑出討厭的叉燒包覺得不好看嗎?利用本文語法就可以在圖檔無法顯示的時候替換預設圖,甚至呼叫函式來做其他處理。
當src的圖片不存在時,使用onerror的圖片來顯示 <img onerror="this.src='noImg.gif'" src="test.jpg" /> <br /> 當src的圖片不存在時,呼叫函式imgDisplay() <img src="uploadlogo.jpg" onerror='imgDisplay()' />
<script type="text/javascript"> function imgDisplay() { var board = document.getElementById("imgshow"); board.style.display = 'none'; } </script>
參考的文章:
回應討論