如何在完全加载和渲染图像时调用方法？

Question

我需要在加载图像并在浏览器中完全呈现后调用方法。

大图的快速示例：

http://jsfiddle.net/2cLm4epv/

<img width="500px" src="http://www.digivill.net/~binary/wall-covering/(huge!)14850x8000%2520earth.jpg">

当图片完全可见时，应调用我的方法。

Answer 1

正如我们在评论中所讨论的那样，使用.load()函数及其回调来完成您的任务，

<强> HTML

<img id="bigimage" width="500px" src="http://www.digivill.net/~binary/wall-covering/(huge!)14850x8000%2520earth.jpg"/>

<强> JS

$('#bigimage').load(function(){
    alert('loaded and redered');
});

DEMO