如何在完全加载之前隐藏照片幻灯片？

Question

我在索引页面上使用Wordpress CMS进行了Nivo Slider照片幻灯片放映。我花了一些时间来优化网站（更少的代码，底层的JS，异步加载等）。但是，我仍然有大量照片装载的问题。

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

我们使用jQuery作为我们的JS库，并在wp_head中加载。我可以使用哪些代码来延迟显示此幻灯片，或者有更好的方法来解决此问题吗？

Answer 1

使用$(document).ready( /*...*/ );代替使用$(window).load( /*...*/)来触发幻灯片显示，以在图片加载完成后启动幻灯片显示。

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