jquery animate slider événement onClick

Question

Je crée un curseur en utilisant la fonction jquery animate. La première image se déplace vers la gauche et fonctionne correctement. Mais l'image suivante ne suit pas rapidement la première image. Il affiche un écran vide pendant un moment. C'est ce que j'ai essayé jusqu'à présent:

$('.next').live('click',function() { 
      $('.ac_bgimage').animate({ 
       left:"-80em"  
      }, 1500 , function(){ 
       test(); 
       });     
     }); 
     function test() { 

     $('.ac_bgimage').attr('src','images/2.jpg'); 
     $('.ac_bgimage').css('left','0em'); 
    } 

Je suis bloqué à ce stade. S'il vous plaît aider. Merci d'avance.

Answer 1

Essayez ce plugin easy slider jquery. Cela va résoudre votre but.

Answer 2

Dans votre jsfiddle.net/cSVWv, vous avez deux erreurs, car vous avez div avec la classe 'next' masquée, car il n'est pas possible de déclencher l'événement 'click'. L'autre est, dans l'image avec la classe 'ac_bgimage' vous avez besoin de la position par rapport aux œuvres.

Voir mon exemple ici: http://jsfiddle.net/expertCode/tvaMK/