Nivo слайдер не работает должным образом в первый раз иногда

У меня есть веб-сайт. На некоторых страницах есть слайдер, другие нет. У меня эта проблема с ползунком nivo. Иногда, не могу понять, когда ползунок не загружается, поэтому изображение не отображается. Если вы нажмете на той же странице, слайдер загрузится правильно, и все будет хорошо. Проблема не стандартная, вам нужно много раз пробовать, перейдя на все страницы. Пожалуйста, проверьте это, потратьте 1-2 минуты, посетив в строке меню все страницы, чтобы вы могли видеть проблему. Проблема чаще всего связана с хром-IE. Ссылка есть http://www.secureshop.gr/POOL/citycars/website Nivo слайдер не работает должным образом в первый раз иногда

Благодарим вас заблаговременно.

источник

2014-01-15 GeorgeGeorgitsis

Воспроизводится проблема, но это было связано только с таймаутом (вероятно, связано с доступом к медленному хосту @ .gr). Вы используете TON скриптов и пытаетесь загрузить hi-res 500kb + изображения одновременно. –

Я не думаю, что хозяин медленный. Там расположено много сайтов, которые в порядке. Может быть, есть ошибка с слайдером Nivo? Искал в Интернете, но не смог найти что-то похожее на это. – GeorgeGeorgitsis

Ну, я играл около 5 минут и не смог снова воссоздать проблему, потому что все «образы» были загружены в мой «кеш». Я думаю, вы должны изучить какое-то сжатие изображения, поскольку скрипты, особенно плагины, будут «таймаут», если 'DOM' не готов. –

Возможно загрузить скрипт для Nivo на БАЗЫ тела, чтобы убедиться, что он не работает в head и вызывают каких-либо проблем timeout.

Как только DOM понимает, что есть img, он будет продолжаться, и это изображение загрузится тем временем, пока оно продвинется вниз по остальной части вашего HTML. Возможно, все из img s не загружаются, поэтому Nivo Slider не выполняет его правильно.

<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script> 
<script> 
    $('#slider').nivoSlider({ 
     effect: 'fade', // Specify sets like: 'fold,fade,sliceDown' 
     slices: 15, // For slice animations 
     boxCols: 8, // For box animations 
     boxRows: 4, // For box animations 
     animSpeed: 500, // Slide transition speed 
     pauseTime: 5000, // How long each slide will show 
     startSlide: 0, // Set starting Slide (0 index) 
     directionNav: true, // Next & Prev navigation 
     directionNavHide: true, // Only show on hover 
     controlNav: false, // 1,2,3... navigation 
     controlNavThumbs: false, // Use thumbnails for Control Nav 
     controlNavThumbsFromRel: true, // Use image rel for thumbs 
     controlNavThumbsSearch: '.jpg', // Replace this with... 
     controlNavThumbsReplace: '_thumb.jpg', // ...this in thumb Image src 
     keyboardNav: true, // Use left & right arrows 
     pauseOnHover: true, // Stop animation while hovering 
     manualAdvance: false, // Force manual transitions 
     captionOpacity: 0.8, // Universal caption opacity 
     prevText: '', // Prev directionNav text 
     nextText: '', // Next directionNav text 
     randomStart: false, // Start on a random slide 
     beforeChange: function(){}, // Triggers before a slide transition 
     afterChange: function(){}, // Triggers after a slide transition 
     slideshowEnd: function(){}, // Triggers after all slides have been shown 
     lastSlide: function(){}, // Triggers when last slide is shown 
     afterLoad: function(){} // Triggers when slider has loaded 
    }); 
</script> 
</body>

источник

2014-01-16 00:46:57

Это работало? –

Nivo слайдер не работает должным образом в первый раз иногда

ответ

Смежные вопросы