没加载出来时用loading,加载成功后用正确的图片,怎么判断图片加载完成了呢?
大概思路就是将图片放在一个数组里,然后使用Image对象的onload方法实现,下面的代码只是一个大概的思路(依赖jq,可能有bug)
$("[data-src]").each(function () {
var url = $(this).data('src')
var img = new Image()
img.onload = () => {
$(this).attr('src', url)
}
img.src = url;
})
10 回答11.1k 阅读
6 回答3k 阅读
5 回答4.8k 阅读✓ 已解决
4 回答3k 阅读✓ 已解决
2 回答2.6k 阅读✓ 已解决
3 回答5.1k 阅读✓ 已解决
5 回答1.9k 阅读
主要是img.onload判断,但是考虑兼容性的话加上img.complete吧,imgLoaded是图片加载后的回调函数