有什么方法可以在javascript中显示图像时获取信息吗？

Question

使用全屏图像库并在图片之间进行混合时，某些图像会更大，需要一些时间来加载和显示。

是的，有一个名为onload的函数在加载图像时调用。不幸的是，如果图像质量非常高，则在加载事件后显示或渲染需要一些时间。

我的问题是，如何在渲染/显示图像时知道我可以进行适当的混合？ 混合时...旧图像淡出，然后我更改图像，然后我淡入新图像。不幸的是，如果图像需要一些时间来显示，它会逐渐消失，然后图像会立即显示。

Answer 1

使用jquery：

 <img src="book.png" alt="Book" id="book">

 $( "#book" ).load(function() {
  // Handler for .load() called.
});

Answer 2

使用

$(window).load(function(){})

加载完所有照片后会激活。 请参阅this。