Javascript 页面完全加载事件

我正在尝试运行两个函数，在页面完全加载后为一些图像设置动画（我使用Jquery插件）。我尝试了

$（document）.ready（函数

），但图像在第一次加载时根本不显示，它们仅在刷新页面后显示：

$( document ).ready(function() {

    $(".zenn").each(function() {
            $(this).circulate({
                speed: Math.floor(Math.random()*300) + 100,
                height: Math.floor(Math.random()*1000) - 470,
                width: Math.floor(Math.random()*1000) - 470
            });
        });

    $(".zenn").css("left", $(".zenn").position().left).circulate({
            loop: true,
            width: 0,
            height: 10
        });
    });

链接到网页：

由于我是Javascript新手，我将非常感谢您的帮助或建议。请提前感谢。

答案是使用：

$(window).load(fn);

它将在加载包括图像在内的所有资源后启动

$(window).load(function(){
   // do your logic here..  
});

$（文档）.ready（fn）

会在DOM准备好后立即触发，但

$（窗口）。load（fn）

会等待所有资源加载后再触发。

答案是：

$(window).load(fn);

它将在加载包括图像在内的所有资源后启动

$(window).load(function(){
   // do your logic here..  
});

$（文档）.ready（fn）

会在DOM准备就绪后立即触发，但

$（窗口）。load（fn）

会等待所有资源加载后再触发。

使用

$（文档）.ready不等待图像。$（文档）.load等待！：）

使用

$（文档）。ready不等待图像$（文档）。加载操作！：）

您是否尝试过使用$（文档）。ready（）？您是否尝试过用$（文档）代替$。就绪（）？