如何使用jQuery加载页面上的所有图像？

Question

我正在为我的项目使用jQuery。 $(function(){...})在“DOM准备就绪”时触发函数 - 这并不是说所有图像都已加载，对吧？

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

Answer 1

我猜你的意思是

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

与

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

示例：当页面完全加载包括图形时运行一个函数。

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

没有jQuery：

window.onload=function() {
  alert(document.images.length);
}

Answer 2

您可以查看图片标记的加载事件。这将在图像加载完成时被触发。

$("img").load(function(){
   // your code
});

Answer 3

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