欢迎来到鲍余网络官网 官方微信 官方微博 IDC网站
深圳网站建设官方微信

网络之路,从这里开始

热线电话

18576678080 / 0755-85278776

技术知识
首页 > 技术知识 > js判断图片是否加载完成

js判断图片是否加载完成

  • 所属分类: 技术知识
  • 发布时间:2017-09-30 17:04:15
  • 作者: 鲍余网络
  • 点击量:


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

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

最简单暴力有效之方法

   
<script type="text/javascript"> $('img').onload = function() { //code } </script>
最简单暴力有效之jquery方法


Source code   
<script type="text/javascript"> $(function(){ $('.pic1').each(function() { $(this).load(function(){ $(this).fadeIn(); }); }); }) </script>
注意,不要在$(document).ready()里绑定load事件。

还有一些更为复杂一点的方法,就不一一列举了,这两种是我们有在用的方法。




以上“js判断图片是否加载完成”由鲍余网络整理发布,转载请注明出处。鲍余网络8年专注建站,要找深圳网站建设,深圳建网站,深圳网站设计,深圳网站制作,就好鲍余网络。24小时服务资讯热线:18576678080。


关键词: 深圳网站建设(513) 深圳网站设计(193) 网站设计(88) 深圳做网站(82)

相关文章:

有做网站需求?   联系客服经理 提交需求 直接拨打业务电话:0755-85278776