jQuery Anything 滑块加载 flash

Question

我的网站上有 Anything Slider，但我似乎无法摆脱页面加载时发生的 2-3 秒闪烁。当您第一次访问或刷新页面时，您将看到每张幻灯片的内容均未设置样式且全部可见。有谁知道摆脱闪光灯的方法吗？

http://www.yourmembership.com/product-tour/nonprofits.aspx

Answer 1

您可以隐藏元素直到它们被加载。在样式表中说：

.thumbNav
{
  display: none;
}

在滑块的回调中说：

$( ".thumbNav" ).css( "display", "inline" );

或者只是：

$( ".thumbNav" ).show( );

Answer 2

您是否尝试过将滑块调用放入准备好的文档中？这允许它在执行之前等待 DOM 加载。

<script>
$(document).ready(
    function () {

// Your slider call here

});

</script>

Answer 3

不使用 $(document).ready，而是使用 $(window).load(); 怎么样？另请参阅官方方式要求 jQuery 在执行某些操作之前等待所有图像加载。闪烁可能是由于首次加载图像的延迟造成的。

Answer 4

如果您使用最新版本的 AnythingSlider，则包括防止 FOUC（无样式内容闪现）的功能。

对于旧版本，请查看常见问题解答页面，其中显示了两种不同的方法可以用来防止这个问题。