jquery - jquery幻灯片加载问题

Question

在我的主页上，我使用的是 jquery 幻灯片插件/代码。它运作良好。唯一的问题是，当您打开页面时，所有图像首先会一张一张地向下堆积，然后才能正常显示。

你可以在这里看到问题

Answer 1

将包装器设置为隐藏溢出：CSS#slider { overflow: hidden; }

Answer 2

而不是 jQuery(window).load 使用 jQuery(document).ready

Answer 3

我们遇到了同样的问题并尝试了溢出：隐藏在我们当前的项目中；这是一个很大的改进，但在隐藏之前仍然经常在其余图像下方显示一个图像；最后，我们使用 css visibility: hidden 将图像包装在 div 中，然后使用 jquery 在文档准备好时将其设置为可见，例如

$(document).ready(function()
{
    $('#divSlider').css("visibility", "visible");
});