Discussion :

[deezmeen]

Hello à tous.

Je suis entrain de créer un slideshow mais j'ai un petit soucis.
le bouton Next fonctionne bien c'est à dire qu'il fait bien défilé les images de la droite vers la gauche, mais le problème c'est que lorsque l'on appuie plusieurs fois d'affilé sur le bouton, le slideshow "s'affole" et il défile "plus loin" qu'il ne le devrait avant de reprendre sa position.

Auriez vous une solution pour que même si l'on appuie plusieurs fois d'affilé sur next le slideshow défile normalement jusqu’à l'image désiré ?


Voici le lien jsfiddle de mon slideshow : slideshow

Merci d'avance

[marcha]

Salut,

Je te propose de filtrer les clics avec une variable, dans ce genre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
    var done = true;
 
    //CLICK BUTTON NEXT
    $slidees.find('.next').click(function(){
        if(done) {
            done = false;
            var left_indent = parseInt($wrap_slidees.css('left')) - slidees_width;
            $wrap_slidees.animate({
                'left' : left_indent
                },900, function(){
                //On place le premier élément à la dernier position
                $wrap_slidees.children(':last').after($wrap_slidees.children(':first'));
                //On replace le slide à sa position
                $wrap_slidees.css({'left' : left_value});
                done = true;
            });
        }
        return false;
    });

Pas pu tester, jsfiddle laguait trop

[deezmeen]

ha ça fonctionne nickel !
Merci beaucoup Marcha