图片占位符为客户自己的品牌形象

Question

我目前有一个横幅，这是100％宽，但高度有限。说100px; 我想让我的客户将他们的品牌形象放在某个目录中，浏览器已经在这个目录中寻找这个图像。

如果找不到图像，则不显示任何内容，并且其业务照常进行。 如果找到图像，则显示图像。 目前，我的代码显示一张图片来表明应该有一张图片无法加载。 codepen：

#banner { 
 
    background-color: aliceblue; 
 
    width: 100%; 
 
    height: 100px; 
 
}

<div id="banner"> 
 
    <img src="/images/myImage.jpg"/> 
 
</div>

Answer 1

基于HTML的解决方案

<object data="o.png" type="image/png"> 
    <img src="" /> 
</object> 

https://jsfiddle.net/pratikhegde/mskLf844/

基于jQuery的解决方案： 这工作DOM就绪后

$('img').error(function() { 
    $(this).hide(); 
    }); 

https://jsfiddle.net/pratikhegde/k5uo4efh/