客户自有品牌形象的图像占位符

Question

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

如果找不到图像，则不显示任何内容，一切照常。如果找到图像，则显示该图像。目前，我的代码显示一张图片，表明应该有一张图片无法加载。代码笔：

#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>

Jquery 基于解决方案：这在 DOM 准备就绪后有效

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

Image placeholder for clients own branding image