当图像以 javascript 显示时，有没有办法获取信息？答案

【问题标题】：Is there a way to get information when image is showed in javascript?当图像以 javascript 显示时，有没有办法获取信息？
【发布时间】：2014-01-12 00:42:38
【问题描述】：

当使用全屏图片库并在图片之间混合时，一些图片会大得多，并且需要一些时间来加载和显示。

是的，有一个名为onload 的函数，它会在加载图像时调用。不幸的是，如果图像质量真的很高，那么在加载事件之后显示或渲染需要一些时间。

我的问题是，如何知道图像何时渲染/显示，以便进行适当的混合？混合时 .. 旧图像淡出，然后我更改图像，然后将新图像淡入。不幸的是，如果图像需要一些时间才能显示，它会淡入“无”，然后图像会立即显示。

【问题讨论】：

你已经在等待onload了吗？我认为这是你能做的最好的。
唯一的选择是onload，如果你使用别的东西，图像不会加载得更快，实现这一点的唯一方法是优化你的图像。
使用渐进式 jpeg，它们非常适合在下载时显示图像。
大卫：下载/加载不是问题。问题是，在 onload 函数被触发后显示图像需要一些时间。
可能会在用户查看当前图片时尝试加载下一张图片，因此大多数情况下下一张图片会在转换发生时预加载。

标签： javascript

【解决方案1】：

使用

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

这将在所有图片加载完毕后触发。见this。

【讨论】：

是的，这是有效的，不幸的是，当图像加载时，它仍然需要一些时间才能显示出来:)

【解决方案2】：

使用 jquery：

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

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

【讨论】：