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();