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

Question

我在使用Wordpress CMS的索引页上有Nivo Slider照片幻灯片。我花了一段时间优化网站（少代码，JS底部，异步加载等）。不过，我仍然在以sl fashion的方式加载大图片的问题。

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

我们使用jQuery作为我们的JS库，并加载到wp_head中。我可以使用哪些代码来延迟显示幻灯片，还是有更好的方法来处理这个问题？

Answer 1

而不是使用$(document).ready(/*...*/);来触发幻灯片，使用$(window).load(/*...*/)，在图像加载完成后启动幻灯片放映。

我也建议用css隐藏幻灯片图像，然后在$(window).load()事件中只隐藏它们。