Question

用JS、JQ 重新给img 的src 赋值,如何知道新图片加载成功 如果没有加载成功就显示loading图片

现在img 标签是隐藏的了，我想用等他对应的图片加载好了就显示出来，但系JS 里面 img的complete 一直为true 。要怎么先知道加载状态

Answer 1

javascript:给img节点添加一个事件句柄onload，等到图片加载完了就会知道执行这个onload事件。
例如:
<img stlye='display:none' onload='this.style.display="block" ' />

追问

这个我知道，但是这个好想不能是实现异步加载啊，如果一开始就加载大图片，虽然是隐藏了，但都会影响到图片后面的内容加载下来？

追答

像这样的问题根本不是技术上的问题。先说下你的想法，首先你有个页面，上面很多图片并且很大，短时间内很难加载完，会影响后面内容的加载。如果等到图片加载完，用户可能就没有耐心等下去了。所以，我们可以一开始就不加载图片（默认是loading图片），而是等到页面加载完毕，然后在修改图片的src属性。这样ok？

追问

没错，就系这个，但系，修改了大图的src 之后，我不知道何时去除loading 图片，因为我不懂得确定修改了src 属性后，如何去判断 大图已经加载完了，我现在就是我实现了异步加载，但是，大图没有加载下来 loading图片就被我用JS remove 掉了，请问我改去判断大图加载完成了。异步加载我成功了，但是，何时去掉loading图，还是没有把握好

追答

童鞋，你重新赋值后，加载完了（还是加载开始？）原来的图片就没了。难道你的loading图片是盖在上面的？就算这样，不是还有个onload事件么，判断下，如果是你想要的图片就去掉loading。明白？

Answer 2

jquery.lazyload 实现图片延迟