当javascript图像转盘加载36幅图像时，我可以显示加载指示器吗？

我使用Nivo滑块作为图像旋转木马。然而，我需要嵌入一个powerpoint演示文稿，所以我将所有幻灯片转换为总计约3.5MB的JPG图像。现在需要一段时间才能加载所有图像。但在加载时，包含div的区域完全为空，并显示页面背景

我的问题是，当所有36幅图像都加载时，我是否可以显示某种加载指示器。另一个可能的选择是延迟加载图像，以便只加载第一个图像，当用户单击下一个箭头转到下一个图像时，它将加载，以此类推。这两个选项中有一个是可能的吗

编辑：响应下面的评论-图像加载了静态img标记

$(window).load(function() { 
    //all resources including external are loaded
    //remove loading messages and fadein presentation
    }); 

$('#presentation img').load(function(){
    //track individual image load
    //you can keep a gloabl count and increment as each image load is triggered
    });

对于延迟加载：

将图像位置保留为Json，然后在移动中创建图像元素并附加到演示文稿中

编辑

上面提到的是一般的方法，但是对于nivo slider，看起来他们已经有了加载指示器和其他东西，你还想要什么？您是否错过了添加加载图像

说明：

当关联的html页面完全加载到浏览器并创建相应的DOM时，会发生DOM就绪事件，此时可能无法加载图像等外部资源

当所有资源（包括图像）都已加载且页面已准备好呈现时，将发生窗口加载事件

在nivo滑块中，它们使用以下样式：

.theme-default .nivoSlider img {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
}

---

因此，现代浏览器默认情况下不会加载图像，因为它的显示为无。window.load将在实际加载所有图像之前触发（它们不需要显示隐藏的页面）

这两种都是可能的，请指定如何加载图像，是使用静态img标记还是使用javascript加载？@sabithpocker-img标记为什么不在加载DOM之前显示加载指示器？这对用户不是很友好，但对于演示来说，这应该没问题……嗯，我不太精通javascript代码编写。我不确定做这些事情的javascript代码是什么样子的。你能给我指一个教程吗？我现在明白这一节的意思了。我认为它指的是旋转木马中的单个图像加载。我想这可能会解决我的问题。