Изменение моего вопроса и, конечно, надеюсь, что кто-то может помочь. У меня настроен плавный слайдер. Я также использую функцию «вкладки» Foundation Zurb, поэтому страница открывается с вкладками вверху для навигации. Поскольку загружается вся страница, все, что запускается этой начальной загрузкой страницы (например, слайдер), начинает работать, даже если люди не смотрят на эту вкладку, и до того, как сами изображения полностью загрузятся. Мне нужно, чтобы ползунок начал автоповорот через набор слайдов и остановился на первом слайде, когда он завершает один цикл. Сам ползунок работает - именно эту функцию начального запуска я не знаю как сделать. Я ожидаю, что есть какой-то способ сделать это в вызове функции для фактического ползунка, но я просто не знаю, какие функции javascript использовать.
Мой вызов функции прямо сейчас для ползунка выглядит следующим образом. Но когда люди нажимают на вкладку, она начинается со слайда 1, но слайд никогда не отображается, потому что он все еще пытается загрузить изображения после того, как кто-то переходит на эту страницу. Затем он открывает слайд 2 и корректно завершает просмотр оставшихся слайдов, возвращается к первому и останавливается.
<script type="text/javascript">
var item_length = $('.slide > div').length - 1;
var slider = $('.slide').slick({
autoplay: true,
autoplaySpeed: 5000,
dots: true,
infinite: false,
speed: 2000,
fade: true,
slide: 'div',
onAfterChange: function(){
//check the length of total items in .slide container
//if that number is the same with the number of the last slider
//Then pause the slider
if( item_length == slider.slickCurrentSlide() ){
//this should do the same thing -> slider.slickPause();
slider.slickSetOption("autoplay",false,false)
};
}
});
</script>