判断图片加载完成在我们的前端切图项目中非常的有用,比如近期的一个项目中,比如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>
还有一些更为复杂一点的方法,就不一一列举了,这两种是我们有在用的方法。
以上“js判断图片是否加载完成”由鲍余网络整理发布,转载请注明出处。鲍余网络8年专注建站,要找深圳网站建设,深圳建网站,深圳网站设计,深圳网站制作,就好鲍余网络。24小时服务资讯热线:18576678080。