1 2 3 4 5 6 7 8 9
| <script>
var carrousel={nbSlide:0,nbCurrent:1,elemCurrent:null,elem:null,timer:null,init:function(elem){this.nbSlide=elem.find(".slide").length;elem.append('<div class="navigation"></div>');for(var i=1;i<=this.nbSlide;i++){elem.find(".navigation").append("<span>"+i+"</span>");}
elem.find(".navigation span").click(function(){carrousel.gotoSlide($(this).text());})
this.elem=elem;elem.find(".slide").hide();elem.find(".slide:first").show();this.elemCurrent=elem.find(".slide:first");this.elem.find(".navigation").css("opacity",0.6);this.elem.find(".navigation span:first").addClass("active");carrousel.play();elem.mouseover(carrousel.stop);elem.mouseout(carrousel.play);},gotoSlide:function(num){if(num==this.nbCurrent){return false;}
this.elemCurrent.find(".visu").fadeOut();this.elem.find("#slide"+num).show();this.elem.find("#slide"+num+" .visu").hide().fadeIn();var titleHeight=this.elemCurrent.find(".title").height();this.elemCurrent.find(".title").animate({"bottom":-titleHeight},500);this.elem.find("#slide"+num+" .title").css("bottom",-titleHeight).animate({"bottom":0},500);this.elem.find(".navigation span").removeClass("active");this.elem.find(".navigation span:eq("+(num-1)+")").addClass("active");this.nbCurrent=num;this.elemCurrent=this.elem.find("#slide"+num);},next:function(){var num=this.nbCurrent+1;if(num>this.nbSlide){num=1;}
this.gotoSlide(num);},prev:function(){var num=this.nbCurrent-1;if(num<1){num=this.nbSlide;}
this.gotoSlide(num);},stop:function(){window.clearInterval(carrousel.timer);},play:function(){window.clearInterval(carrousel.timer);carrousel.timer=window.setInterval("carrousel.next()",5000);}}
$(function(){carrousel.init($("#carrousel"));});
</script> |
Partager