Вспышка загрузки jQuery Anything Slider

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

Если вы используете последнюю версию AnythingSlider , включается предотвращение FOUC (флэш-памяти нестандартного содержимого).

Для более старых версий, пожалуйста, посетите страницу FAQ , который показывает два разных метода, которые можно использовать для предотвращения этой проблемы.

Answer 3

Вместо использования $ (document) .ready, как насчет $ (window) .load () ;?См. Также Официальный способ попросить jQuery дождаться загрузки всех изображений перед выполнением чего-либо .Вспышка может быть вызвана задержкой при первой загрузке изображений.

Answer 4

Вы пытались поместить ваш слайдер в готовый документ?Это позволяет ему ждать загрузки DOM перед выполнением.

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

// Your slider call here

});

</script>