html網頁的替代圖片源

Question

我有一個帶有一些圖片的html網頁。 圖片在本地電腦上。 問題是圖片有兩個可能的位置。 所以我想知道如果第一條路徑不存在，是否可以添加替代圖片路徑。 我知道這可能與PHP，但它會很好，如果有另一種解決方案。 THX

Answer 1

您可以使用以下代碼

<img src="first_image_link" onerror="this.src='second_image_link';">

Answer 2

你可以嘗試s.th這樣的：

<img src="foo" altsrc="bar"> 

JS（jQuery的）：

$(function(){ 
    $('img').on("error",function(){ 
     $(this).attr("src",$(this).attr("altsrc")) 
    }) 
}) 

Answer 3

你可以檢出錯誤事件如果src點beeing掀翻404

......喜歡：

image.onerror = function() { 
    image.src ="newsrc.jpg"; 
    }