切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年07月5日

js判断图片是否加载完成

本文就“js判断图片是否加载完成”展开讨论，作者切版网，发布于2017年07月5日 全文共531个字，预计阅读时长1分46秒。

判断图片加载完成在我们的前端切图项目中非常的有用，比如近期的一个项目中，比如loading，我需要loading的图片加载出来以后在显示loading（并非所有图片加载完），比如瀑布流，我需要文档流里面的所有图片加载完成以后在执行瀑布流，这样就不会有bug，等等。

它的意义在于可以更好的优化用户体验。

最简单暴力有效之方法

<script type="text/javascript">
$('img').onload = function() {
//code
}
</script>

<script type="text/javascript">
$(function(){
$('.pic1').each(function() {
$(this).load(function(){
$(this).fadeIn();
});
});
})
</script>

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。