jquery - jQuery 任何滑块加载 Flash

Question

我的站点上有任何滑块，但我似乎无法摆脱页面加载时发生的 2-3 秒闪烁。当您第一次访问或刷新页面时，您会看到每个 li 幻灯片的内容似乎没有样式且全部可见。有谁知道摆脱闪光灯的方法吗？

score 1 · Accepted Answer

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

.thumbNav
{
  display: none;
}

在滑块的回调中说：

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

要不就：

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

score 0 · Accepted Answer

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

对于旧版本，请查看常见问题页面，该页面显示了可用于防止此问题的两种不同方法。

score 0 · Accepted Answer

Have you tried putting your slider call in a document ready? This allows it to wait for the DOM to load before executing.

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

// Your slider call here

});

</script>

score 0 · Accepted Answer

与其使用 $(document).ready，不如使用 $(window).load();？另请参阅要求 jQuery 在执行某事之前等待所有图像加载的官方方式。闪存可能是由于第一次加载图像的延迟。

4 回答 4