代码之家 › 专栏 › 技术社区 › shinzou

断开的图像标记显示为分秒

web-frontend image reactjs css html

shinzou · 技术社区 · 6 年前

有没有一种方法可以在页面加载时在瞬间不显示损坏的图像标记?

请参见此示例: http://jsfiddle.net/v8DLe/196/

我已经用过: onerror="this.style.display ='none'"

我宁愿仍然使用img标签,而不使用带有 style={{ backgroundImage: ...}}

1 回复 | 直到 6 年前

Mark Baijens 6 年前

先把它们藏起来。在线时显示?

img {
  display: none;
    width:200px;
    height:200px;
}

<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>
<img src="abc" alt=" " onload="this.style.display ='block'"/>

推荐文章

Thirumal isireddy · 在导航栏顺风css中,img被扭曲,而不是将元素推到旁边

1 年前

McRui · Laravel storeAs()存储问题中的图像

1 年前

HTML · 如何使用css使任何SVG图像灰度化?

2 年前

GabyUnalaq · 从原始RGB深度图像到灰度的转换不正确

2 年前

AayushPokharel · 如何在css中处理图像的alpha层?

2 年前

MHSarmadi · 阻止显示未完全加载的图像

2 年前

softandwet · 反应img onError未点火

2 年前

Nilesh soni · 颤振图像已缩放,但如何更改缩放位置

2 年前

Adheed nihal · 如果在jquery中超过了文件限制,如何清除用户上传的图像

2 年前

imcoding · img src属性上的vuejs数据绑定出现404错误

2 年前