代码之家  ›  专栏  ›  技术社区  ›  matt

如何使用jQuery判断页面上的所有图像何时加载?

  •  1
  • matt  · 技术社区  · 14 年前

    我在我的项目中使用jQuery。 $(function(){...}) 当DOM准备好时触发函数这并不意味着所有的图像都被加载了,对吧?

    是否有一个事件在加载每个图像时也会被触发?

    3 回复  |  直到 13 年前
        1
  •  3
  •   mplungjan Gvidas    14 年前

    我想你是说

    http://api.jquery.com/ready/

    http://api.jquery.com/load-event/

    示例:在页面完全加载(包括图形)时运行函数。

    $(window).load(function () {
      // run code
    });
    

    不带jQuery:

    window.onload=function() {
      alert(document.images.length);
    }
    
        2
  •  3
  •   Chinmayee G    14 年前

    您可以检查图像标记的加载事件。当映像加载完成时,将触发此操作。

    $("img").load(function(){
       // your code
    });
    
        3
  •  0
  •   Amr Elgarhy    14 年前

    window.onload可以解决这个问题,我在那里写到: http://amrelgarhy.com/blog/how-to-tell-when-images-have-loaded/