jacodelucia
5/20/2016 - 8:54 AM

JS - Slider

JS - Slider #js

var slideTimeout;
		
		function getActiveSlide(){
			return $('#topSliderWrapper .slide.active');
		}
		
		function getNextSlide(){
			var activeSlide = getActiveSlide();
			var nextSlide = activeSlide.next();
			if( ! nextSlide.length ){
				nextSlide = $('#topSliderWrapper .slide').first();
			}
			return nextSlide;
		}
		
		function getPrevSlide(){
			var activeSlide = getActiveSlide();
			var prevSlide = activeSlide.prev();
			if( ! prevSlide.length ){
				prevSlide = $('#topSliderWrapper .slide').last();
			}
			return prevSlide;
		}
		
		$('#topSlidernext').click(function(){
			var activeSlide = getActiveSlide();
			var nextSlide = getNextSlide();
			
			activeSlide.addClass('leave');
			clearTimeout(slideTimeout);
			slideTimeout = setTimeout(function(){
				activeSlide.removeClass('active').removeClass('leave');
				nextSlide.addClass('active');
				setSliderNavLabels();
			}, 600);
		});
		
		$('#topSliderprev').click(function(){
			var activeSlide = getActiveSlide();
			var prevSlide = getPrevSlide();
			
			activeSlide.addClass('leave');
			clearTimeout(slideTimeout);
			slideTimeout = setTimeout(function(){
				activeSlide.removeClass('active').removeClass('leave');
				prevSlide.addClass('active');
				setSliderNavLabels();
			}, 600);
		});
		
		// Titre des slides dans la navigation
		
		function setSliderNavLabels(){
			var prevElement = getPrevSlide();
			$('#topSliderprev .titre').html(prevElement.find('.titre').html());
			$('#topSliderprev .infos').html(prevElement.find('.infos').html());
			
			var nextElement = getNextSlide();
			$('#topSlidernext .titre').html(nextElement.find('.titre').html());
			$('#topSlidernext .infos').html(nextElement.find('.infos').html());
		}
		setSliderNavLabels();