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

Posted 2023-03-05

【中文标题】客户自己的品牌形象的形象占位符

【英文标题】：Image placeholder for clients own branding image

【发布时间】：2017-01-24 13:30:28

【问题描述】：

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

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

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

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

【参考方案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/