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