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"; 
    }