ALT屬性

Question

場景：

<img src="filepath" alt="image not found"> 

這將確保，如果文件沒有路徑，則文本會被加載發現.....

問題： 而不是一個替代文字可以加載圖像？是否有任何標籤將隨時爲我的目的，是否有任何自定義JavaScript函數可以在#alt標籤？

Answer 1

有一個特殊的事件，讓你做到這一點。它是：

<img src="" onerror="this.src='path/to/default'" /> 

Answer 2

您可以檢查圖像中的JavaScript加載：

var img = document.getElementById('image'); 
if (img.complete && img.naturalWidth == 0) { 
    // some error, load alternate image: 
    img.src = "path to alternative img"; 
} 

---

編輯：完整的解決方案（使用onerror從@ JoDev的答案）是：

<script> 
function validate (img) { 
    // Clear the callback to avoid infinite loop in case 
    // new image path would be also invalid. 
    img.onerror = null; 

    if (img.complete && img.naturalWidth == 0) { 
    // some error, load alternate image: 
    img.src = "http://example.com/valid_path.png"; 
    } 
} 
</script> 

<img onerror="javascript:validate(this);" 
    src="http://example.com/some_invalid_path.png"/>