内容完全加载后显示<img>
。
<img style='display: none' onload="this.style.display = 'block'" src="...">
如果你使用jQuery
<img style='display: none' id="myImg" onload="$(myImg).show()" src="...">
如果在最初呈现页面时未加载图像,则img标签将显示图标。如果你正在使用任何JS,那么你可以做到这一点
另一种方法:使用内联svg img占位符,使用ajax请求真正的img然后repace占位符。
内联img
<img alt="star" src="data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7" />
1)用css解决方案是alt =“”。
2)借助java脚本
将此代码放在图像标记中
在图像完全加载之前,这将通过将图像放在背景中来克服错误