defilement carrousel jquery
bonjour a tous. Bon alors je me présente je m'appelle nico et je suis novice dans le javascript mais l'année prochaine je doit allé en bts et un portfolio sur le web sa fait toujours classe. Alors je me suis lancé en debut de semaine mais je rencontre certain problème avec mon carrousel.Je veut faire un carrousel de ce type là (lien).
Mon problème c'est que j'arrive a faire défiler la partie basse de mon carrousel quand la souris est au dessus de ma flèche mais j'aimerais que cette action ce répète. J'espere que vous me comprenez. Je vous laisse la partie du code js qui nous interesse:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
| // Actions de navigation
// Initialisation du compteur
Cpt = 0;
// Clic sur le bouton "Suivant"
jQuery(".nav-next button").mouseover(function() {
// Si le compteur est inférieur au nombre de diaposives moins 1
if(Cpt < (NbElement-1) ) {
// Ajout +1 au compteur (nous allons sur la diapositive suivante)
Cpt++;
// Mouvement du carrousel en arrière-plan
jQuery(".nav").animate({
marginLeft : - (1/2*Reference.width() * Cpt)
});
}
// fin du if
});
// Action du bouton "Précédent"
jQuery(".nav-prev button").mouseover(function() {
// Si le compteur est supérieur à zéro
if(Cpt > 0) {
// Soustraction -1 au compteur (nous allons sur la diapositive précédente)
Cpt--;
// Mouvement du carrousel en arrière-plan
jQuery(".nav").animate({
marginLeft : - (1/2*Reference.width() * Cpt)
});
} |
