X-Git-Url: https://git.mdrn.pl/prawokultury.git/blobdiff_plain/8e82784fa2fe21d9c3828adbf43178a39c7cdea6..e8813ee4389a5e22df46d1973409d70a8e6706be:/prawokultury/static/js/promobox.js diff --git a/prawokultury/static/js/promobox.js b/prawokultury/static/js/promobox.js new file mode 100644 index 0000000..91128ca --- /dev/null +++ b/prawokultury/static/js/promobox.js @@ -0,0 +1,40 @@ +$(document).ready(function(){ + +var $slides = $("ul.promobox li"); +var $switchers = $("ul#promobox-switcher li"); + +var change_slide = function(slide_no) { + var $slide = $($slides.get(slide_no)); + var $switcher = $($switchers.get(slide_no)); + + $slides.filter('.active').fadeOut(); + $slides.filter('.active').removeClass('active'); + $switchers.filter('.active').removeClass('active'); + $slide.fadeIn(); + $slide.addClass('active'); + $switcher.addClass('active'); + reset_timeout(); +}; + + +$switchers.each(function(i, e) { + $(e).click(function(e) { + e.preventDefault(); + change_slide(i); + }); +}); + + +var timeout = null; +var cycle_slide = function() { + var current = $slides.filter('.active').index(); + change_slide((current + 1) % $slides.length); +} +var reset_timeout = function() { + clearTimeout(timeout); + timeout = setTimeout(cycle_slide, 5000); +}; +timeout = setTimeout(cycle_slide, 3000); + + +}); \ No newline at end of file