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

当使用全屏图像库并在图片之间进行混合时，某些图像会更大并且需要一些时间来加载和显示。当javascript中显示图像时，有没有办法获取信息？

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

我的问题是，我怎样才能知道图像渲染/显示，所以我可以做适当的混合？当混合旧图像淡出，然后我改变一个图像，然后我淡入一个新的图像。不幸的是，如果图像需要一些时间来显示，它会淡入“无”，然后图像将立即显示。

2013-12-23 wh1sp3r

你是否已经在等待'onload'？我会认为这是你能做的最好的事情。 –

唯一的选择是onload，如果你使用别的东西，图片加载速度不会更快，唯一的办法就是优化你的图片。 – adeneo

使用渐进式jpegs，它们非常适合在下载时显示图像。 – David

使用jQuery：

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

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

2013-12-23 19:03:00 phirschybar

使用

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

所有照片已经被加载后，这将触发。见this。

2013-12-23 19:03:00 Justin

是的，这是工作，不幸的是，当图像加载时，它仍然需要一些时间来显示:) – wh1sp3r

回答