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

Question

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

У меня на сайте работает Anything Slider, но я не могу избавиться от 2-3 секундной вспышки, которая происходит во время загрузки страницы. При первом посещении или обновлении страницы вы увидите содержимое каждого слайда li, не имеющего стиля и видимого. Кто-нибудь знает способ избавиться от вспышки?

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

1

jquery pageload page-load-time anythingslider

Источник

user1133210 05 янв '12 в 22:49

4 ответа

Другие вопросы по тегам jquery pageload page-load-time anythingslider

user425801 05 янв '12 в 22:53 2012-01-05 22:53 · Answer 1 · 2012-01-05 22:53

Вы можете скрыть элементы, пока они не будут загружены. В вашей таблице стилей скажите:

.thumbNav
{
  display: none;
}

И в обратном вызове для вашего слайдера говорят:

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

Или просто:

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

1

Источник

user425801 05 янв '12 в 22:53

user616443 05 янв '12 в 22:54 2012-01-05 22:54 · Answer 2 · 2012-01-05 22:54

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

0

Источник

user616443 05 янв '12 в 22:54

user697079 05 янв '12 в 22:52 2012-01-05 22:52 · Answer 3 · 2012-01-05 22:52

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

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

// Your slider call here

});

</script>

0

Источник

user697079 05 янв '12 в 22:52

user145346 07 янв '12 в 06:17 2012-01-07 06:17 · Answer 4 · 2012-01-07 06:17

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

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