Javascript autospire Diaporama

Question

J'ai un petit diaporama. Cela fonctionne bien avec le bouton précédent et suivant. Mais maintenant, je voudrais faire un diaporama avec un bouton de pause de lecture &. Peut-être que vous avez une idée?

le javascript:

function loadSlide(index){ 
    $('#gallery li').fadeTo(6000, 1.0); 
     $('#gallery li').hide() 
    .  eq(index).show(); 
     } 

     $('#gallery').data('index',0).find('li').hide(); 
      loadSlide(0); 

     $('#next').on('click',function(e){ 
      var index = $('#gallery').data('index'), 
      numSlides = $('#gallery li').length; 

      index = (index + 1) % numSlides;  
      loadSlide(index); 
      $('#gallery').data('index',index); 
      e.preventDefault();    
    }); 
     $('#previous').on('click',function(e){ 
     var index = $('#gallery').data('index'), 
      numSlides = $('#gallery li').length; 

      index = (index + numSlides - 1) % numSlides; 
       loadSlide(index); 
     $('#gallery').data('index',index); 
      e.preventDefault(); 
    }); 
    $("#gallery li img").css({ 
        'height':$("#gallery").height()+'px' 
       }); 
       $("#gallery li").each(function(){ 
        $(this).css({ 
         'margin-left':'+'+parseInt($(this).children("img").width()/2)+'px' 
       }); 
      }); 

      $("#gallery li img").css({ 
        'height':$("#gallery").height()+'px' 
       }); 
       $("#gallery li").each(function(){ 
        $(this).css({ 
         'margin-left':'+'+parseInt($(this).children("img").width()/2)+'px' 
       }); 
      }); 
     } 

merci à l'avance!

Answer 1

n'a pas testé, mais quelque chose comme cela devrait fonctionner:

$('#start').click(function(){ 
t = setInterval(function(){ $('#next').trigger('click'), 2000 }); 
}); 

$('#stop').click(function(){ 
clearInterval(t); 
});