var slide_timer = false; var nbcp = 1; $(document).ready(function() { //sur la page index le slide est en automatique /*if ($("body").attr("id") == "index") {*/ $('.slide').hover(function() { var id = $(this).attr("id"); id = id.substr(1,1); slide_go(id); slide_auto(false); },function() { slide_auto(true); }); slide_auto(true); /*} else { $('.slide').hover(function() { var id = $(this).attr("id"); $('.p-titre').removeClass('hover'); $('#titre-'+id).addClass('hover'); }); $('.slide').mouseout(function() { $('.p-titre').removeClass('hover'); }); }*/ }); function animModuleIn(id, idCur) { //On identifie par une classe la nouvelle animation $(".slide").attr("class","slide"); $("#i"+id).attr("class","slide current"); //On met à jour l'évidance de navigation /*$(".slide").each(function(i, selected){ $(selected).attr("src","http://www.mtcom.fr/images/menu-picto"+ $(selected).attr("id").substr(1,1) +"-m.png"); }); $(".current").attr("src","http://www.mtcom.fr/images/menu-picto"+ id +"-mh.png");*/ //on masque toute les images et on reinitialise leur opacité $(".slideimg").each(function(i, selected){ $(selected).css("diplay","none"); $(selected).css("opacity",1); }); //Stop des animations (image + texte) de l'ancien fond $("#bg-" + idCur).stop().css("left","0px"); $("#txt1-" + idCur).stop().css("top","-150px"); $("#txt2-" + idCur).stop().css("top","400px"); $("#txtbg-" + idCur).stop().css("top","-550px"); //Changement d'image de fond $("#bg-"+idCur).fadeOut('normal'); $("#bg-"+id).fadeIn('normal', function() { //Lancement des animations (image + texte) du nouveau fond $("#bg-" + id).animate({left: "0px"},4000);//Varier le nombre de pixels pour la valeur de déplacement à gauche + la vitesse (plus le chiffre est grand moins ça ira vite) $("#txt1-" + id).animate({top:"0px"}, {queue:true, duration:2000, easing:'easeInOutElastic'}); $("#txt2-" + id).animate({top:"125px"}, {queue:true, duration:1200, easing:'easeInOutElastic'}); $("#txtbg-" + id).animate({top: "0px"},3000); }); } function slide_go(id) { var idCur = $(".current").attr("id"); try { idCur = idCur.substr(1,1) } catch(e) {} if (id != idCur) { animModuleIn(id, idCur); } } function slide_auto(state) { if(state && slide_timer==false) { slide_timer = setInterval(slide_next,4000); // Toutes les X secondes } else { clearInterval(slide_timer); slide_timer = false; } } function slide_next() { var curId = $(".current").attr("id"); try { curId = parseInt(curId.substr(1,1)); } catch(e) {} if (curId == nbcp) { var nextid = 0; } else { var nextid = curId + 1; } slide_go(nextid); }