$(document).ready(function() { //konfiguracja var delayLength = 6000; var sliderIntervalID = 0; var boldowany = ""; //START - pokazanie pierwszej $(".banner").hide(); $(".banner_box").children(':first-child').fadeIn(900); $(".banner_box").children(':first-child').addClass('aktualna'); $(".toggler_box").children(':first-child').addClass('active'); function zmiana() { $(".aktualna").stop(true,true); if($(".aktualna").next().length == 0) { $(".aktualna").removeClass("aktualna").fadeOut(500); $(".banner_box").children(':first-child').fadeIn(900); $(".banner_box").children(':first-child').addClass('aktualna'); } else { $(".aktualna").removeClass('aktualna').fadeOut(500).next().fadeIn(900).addClass('aktualna'); } //active $(".toggler").removeClass('active'); $(".togg_" + $(".aktualna").attr("id")).addClass('active'); } $(".arrow.next").click(function () { clearInterval(sliderIntervalID); zmiana(); }); $(".arrow.prev").click(function () { clearInterval(sliderIntervalID); if($(".aktualna").prev().length == 0) { $(".aktualna").removeClass("aktualna").fadeOut(500); $(".banner_box").children(':last-child').fadeIn(900); $(".banner_box").children(':last-child').addClass('aktualna'); } else { $(".aktualna").removeClass('aktualna').fadeOut(500).prev().fadeIn(900).addClass('aktualna'); } //active $(".toggler").removeClass('active'); $(".togg_" + $(".aktualna").attr("id")).addClass('active'); }); $(".toggler").click(function () { clearInterval(sliderIntervalID); $(".aktualna").removeClass("aktualna").fadeOut(500); $("#bi" + $(this).attr("id")).fadeIn(900).addClass('aktualna'); //active $(".toggler").removeClass('active'); $(".togg_" + $(".aktualna").attr("id")).addClass('active'); }); sliderIntervalID = setInterval(function(){zmiana();}, delayLength); });