Javascript 如何隐藏照片幻灯片直到完全加载？

我用Wordpress CMS在索引页上有一个Nivo滑块照片幻灯片。我花了一段时间优化这个站点（代码更少，底部是JS，异步加载等等）。然而，我仍然有问题的大照片加载在一个草率的方式

具体来说，照片没有按正确的顺序加载，您可以看到每个照片加载。当幻灯片加载照片时，最后一张照片先加载，然后在加载时快速跳转到第一张照片。我宁愿隐藏Nivo幻灯片，直到加载所有照片（最多只有4张）

我们使用jQuery作为我们的JS库，它加载到wp_head中。我可以使用什么代码延迟显示此幻灯片，或者有更好的方法吗？

而不是使用

$（document）.ready（/*…*/）

要触发幻灯片放映，请使用

$（窗口）.load（/*…*/）

，在图像加载完成后启动幻灯片放映

---

我还建议使用css隐藏幻灯片图像，然后仅在

$（window.load（）

事件中取消隐藏它们。

使用尽可能低分辨率的照片进行快速加载。我无法直接控制照片。每张照片的大小约为70kb，分辨率为900x410，颜色丰富。因此第一行是jQuery（document）.ready（function（$）{，您建议将其更改为jQuery（window）.load（function（$）{？语法正确吗？@Micah，是的：正是它=）嗯，好的。我在wp_头的正下方加载脚本，但它似乎不会影响幻灯片的加载方式。我仍然可以实时看到每个照片的加载，而不是在加载图像后显示所有内容。看起来Nivo有一个内置的loading.gif，我正在使用。我只是将bg颜色设置为与周围的div相匹配，所以它匹配，这似乎隐藏了加载，直到加载所有内容。遗憾的是，我无法正确使用此网站的$（window）.load（）。Firebug抛出了一个错误，说它不是有效的函数。不知道为什么。