var $aImages = ["photo1.jpg","photo10.jpg","photo2.jpg","photo3.jpg","photo4.jpg","photo5.jpg","photo6.jpg","photo7.jpg","photo8.jpg","photo9.jpg"];var $sliderIndex = 0; var $sliderTimer; function initSlider() { var $sImgBasePath = '/wp-content/themes/cedapa/images/bandeau/'; printSlider = function ($index) { window.$sliderIndex = $index; window.clearTimeout($sliderTimer); var $iMax = $aImages.length var $index1 = ( $index < $iMax ) ? $index : 0; var $index2 = ( $index1 + 1 < $iMax ) ? $index1 + 1 : 0; var $index3 = ( $index2 + 1 < $iMax ) ? $index2 + 1 : 0; //console.log( $index1 +" - "+$index2+" - "+$index3+" - $iMax : "+$iMax ); swapImage($("#header-images .first > img"), $aImages[$index1]); swapImage($("#header-images .second > img"), $aImages[$index2]); swapImage($("#header-images .third > img"), $aImages[$index3]); $sliderTimer = window.setTimeout( function () { printSlider($index2) }, 4500 ); } swapImage = function ($oImg, $sNewSrc) { $oImg.fadeOut( function () { $oImg.attr('src', $sImgBasePath + $sNewSrc).fadeIn(); } ); } initNavSlider = function () { var $iMax = $aImages.length; $("#header-images-controls .prev > a").click( function (e) { e.preventDefault(); var $prevIndex = ( $sliderIndex - 1 >= 0 ) ? $sliderIndex - 1 : $iMax; console.log("$prevIndex : " + $prevIndex + " - $sliderIndex : " + $sliderIndex); printSlider($prevIndex); } ); $("#header-images-controls .next > a").click( function (e) { e.preventDefault(); var $nextIndex = ( $sliderIndex + 1 <= $iMax ) ? $sliderIndex + 1 : 0; console.log("$nextIndex : " + $nextIndex + " - $sliderIndex : " + $sliderIndex); printSlider($nextIndex); } ); } printSlider($sliderIndex); initNavSlider(); }