html网页的替代图片来源

Question

我有一个带有一些照片的html网页。 这些照片在本地电脑上。 问题是pic有两个可能的位置。 所以我想知道如果第一条路径不存在，是否可以添加替代图片路径。 我知道这可能与PHP有关，但如果有另一个解决方案将是很好的。 THX

Answer 1

你可以试试这样的事情：

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

JS（jQuery）：

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

Answer 2

如果src指向404

，你可以检查抛出的错误事件

喜欢：

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

Answer 3

您可以使用以下代码

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