Javascript自動播放幻燈片

Question

我有一個小幻燈片。它適用於上一個和下一個按鈕。但現在我想用播放&暫停按鈕進行幻燈片放映。也許你有一個想法？

的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' 
       }); 
      }); 
     } 

在此先感謝！

Answer 1

沒有測試，但是這樣的事情應該工作：

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

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