Carrousel avec click fonction
Bonjour
j'ai un petit carousel qui doit afficher l'image suivante et l'image precedente
pour cela je m'aide de deux fleches (gauche et droite)
quand on clique sur la fleche de droite, ça active le code suivant :
Code:
1
2
3
4
5
6
| $( "#fld" ).click(function(e) {
e.preventDefault();
$("#slider ul li:first-child").animate({"margin-left": -140}, 800, function(){
$(this).css("margin-left","2%").appendTo("#slider ul").fadeIn(1000);
});
}); |
ça fonctionne bien
mon souci est la fleche de gauche
ça n'affiche pas ce que je voudrais avec ce code :
Code:
1
2
3
4
5
6
| $( "#flg" ).click(function(e) {
e.preventDefault();
$("#slider ul li:last-child").animate({"margin-left": +140}, 800, function(){
$(this).css("margin-left","2%").appendTo("#slider ul:first").fadeIn(1000);
});
}); |
en shematisant
par defaut j'ai les images 1 2 3 4 5 6 qui sont visibles
avec la fleche de droite j'obtiens 2 3 4 5 6 7
mais si je fais la fleche de gauche je ne revient pas à 1 2 3 4 5 6
Merci de votre aide
