jQuery Anything Slider加载flash

Question

我在我的网站上运行了Anything Slider，但我似乎无法摆脱页面加载时发生的2-3秒闪存。当您第一次访问或刷新页面时，您会看到每个li幻灯片的内容都没有样式且完全可见。有没有人知道摆脱闪光灯的方法？

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（）;？另见Official way to ask jQuery wait for all images to load before executing something。闪存可能是由于第一次加载图像的延迟造成的。

Answer 4

如果您使用的是latest version of AnythingSlider，则会包含预防FOUC（无格式内容的闪现）。

对于旧版本，请查看FAQ page，其中显示了可用于防止此问题的两种不同方法。