jquery图像滑块没有显示第三个图像

Question

我想创建我的图像滑块版本，但它不工作，因为我想它是。 我有3个示例图像，应该从右向左滑动。但它没有显示第三张图片。请看这pen

有没有解决这个问题？

Answer 1

你有一些错误:)

一是延误。你需要“调整”它们。 第二，你需要“隐藏”显示的元素，不是吗？

有一个pen分叉工作..或者这样认为）

Answer 2

sliderInt = 1; 
sliderNext = 2; 

    $(document).ready(function(){ 
     $('.slider > img#1').show("fade", 500); 
     $('.slider > img#1').delay(5500).hide("slide", {direction: 'left'}, 500); 

     startSlider(); 
    }); 

    function startSlider(){ 
     count = $(".slider > img").size(); 

     loop = setInterval(function(){ 

      if(sliderNext > count){ 
       sliderNext = 1; 
       sliderInt = 1 
      } 

      $(".slider > #"+sliderNext).show("slide", {direction: 'right'}, 500).delay(500).hide("slide", {direction: 'left'}, 500); 

      sliderInt = sliderNext; 
      sliderNext = sliderNext+1; 
     },3000) 
    }