You are here: 首頁 架站小知識 [轉]利用onerror()處理圖片失連時替換顯示圖

飛朵啦學習手札

本網站建議使用Firefox2.0以上,或是使用Goole瀏覽器來瀏覽,並使用1024x768解析度來觀看.

[轉]利用onerror()處理圖片失連時替換顯示圖

E-mail 列印 PDF

以前都像白癡一樣寫成PHP去判斷

或是使用javascript去判斷

但其實可以使用onerror判斷就好了

當src的圖片不存在時,使用onerror的圖片來顯示

<img onerror="this.src='noImg.gif'" src="/joomla/test.jpg" />

當src的圖片不存在時,呼叫函式imgDisplay()

<img src="/joomla/uploadlogo.jpg"  onerror='imgDisplay()' />

 

JAVASCRIPT判斷

<script type="text/javascript">

function imgDisplay()

{

var board = document.getElementById("imgshow");

board.style.display = 'none';

}

</script>

 

轉自:http://demo.tc/Post/285

 
 

新增回應


驗證碼
更新