javascript簡單的幻燈片

Question

我想讓我的滑塊在「幻燈片3」之後顯示「幻燈片1」，而不是在「幻燈片3」之後您不得不使用返回或上一個按鈕。我是在javascript中的泄漏，所以我想知道如果有人可以幫我一秒;）

而我想知道如何使這一個100％的寬度，所以它是或多或少的響應:)

$(document).ready(function() { 
    // Your code from above goes here 
     var sliderWidth = 1280; 
     var slider = $('#slidiemain'); 
     var sliderCount = $('div', slider).length; 
     slider.width(sliderCount * sliderWidth); 

     var currentSlide = 1; 

     $('a.prev1').click(function() { 
      if (currentSlide > 1) { 
       $('#slidiemain').animate({ 
        left: '+=' + sliderWidth 
       }, 700); 
       currentSlide -= 1; 
      } 
     }); 

     $('a.next1').click(function() { 
      if (currentSlide < sliderCount) { 
       $('#slidiemain').animate({ 
        left: '-=' + sliderWidth 
       }, 700); 
       currentSlide += 1; 
      } 
    }); 
}); 

Answer 1

我不熟悉的幻燈片插件，您正在使用，但這應該工作：

$(document).ready(function() { 
    // Your code from above goes here 
     var sliderWidth = $(window).width(); // Get the width of browser window 
     var slider = $('#slidiemain'); 
     var sliderCount = $('div', slider).length; 
     slider.width(sliderCount * sliderWidth); 

     var currentSlide = 1; 

     $('a.prev1').click(function() { 
      if (currentSlide > 1) { 
       $('#slidiemain').animate({ 
        left: '+=' + sliderWidth 
       }, 700); 
       currentSlide -= 1; 
      } 
     }); 

     $('a.next1').click(function() { 
      if (currentSlide < sliderCount) { 
       $('#slidiemain').animate({ 
        left: '-=' + sliderWidth 
       }, 700); 
       currentSlide += 1; 
      } 
      else 
      { 
       $('#slidiemain').animate({left: '+=' + (2*sliderWidth)}, 1); 
       currentSlide = 1; 
      } 
    }); 
});