Как добавить функцию автозапуска в js slider
Я использую Гампи слайдер из codepen. Вот ссылка https://codepen.io/Lewitje/pen/yNKNmV Теперь я просто хочу добавить функцию автозапуска. Так как же я могу сделать его автозапуск с активной пагинацией?
Что я уже пробовал:
$(document).ready(function(){ var slide = $(".slide"); var viewWidth = $(window).width(); var sliderInner = $(".slider-inner"); var childrenNo = sliderInner.children().length; sliderInner.width( viewWidth * childrenNo ); $(window).resize(function(){ viewWidth = $(window).width(); }); function setWidth(){ slide.each(function(){ $(this).width(viewWidth); $(this).css("left", viewWidth * $(this).index()); }); } function setActive(element){ var clickedIndex = element.index(); $(".slider-nav .active").removeClass("active"); element.addClass("active"); sliderInner.css("transform", "translateX(-" + clickedIndex * viewWidth + "px) translateZ(0)"); $(".slider-inner .active").removeClass("active"); $(".slider-inner .slide").eq(clickedIndex).addClass("active"); } setWidth(); $(".slider-nav > div").on("click", function(){ setActive($(this)); }); $(window).resize(function(){ setWidth(); }); setTimeout(function(){ $(".slider").fadeIn(500); }, 2000); });