mui 懒加载 imageLazyload 图片显示问题

分类：MUI

Lazyload

mui 懒加载 imageLazyload 页面打开时显示默认的加载中图片，当图片加载完成后，显示加载完成后的图片，图片链接地址错误时，显示破裂的图片, 这个怎么做啊

2017-05-03 14:55 负责人:无分享

1 个回复

在<img >里面添加一个监听图片错误事件onerror，然后再把发生错误时需要显示的图片注入<img>标签的scr里面。在<img >里面添加onerror="javascript:this.src='加载错误图片地址'"，就可以了
下面是案例代码，看一下，是不是符合你的要求

<img  src="加载中gif图片地址" onerror="javascript:this.src='加载错误图片地址'"  data-original="图片地址"    alt="中旋网ZxlmWeb是最酷的图片社交平台"   />

这是我的网站，O(∩_∩)O谢谢支持----->>中旋网ZxlmWeb

该问题目前已经被锁定, 无法添加新回复