Jquery Image Slider没有显示第三个图像

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