jquery - Jquery Image Slider 不显示第三张图片

Question

我正在尝试创建我的图像滑块版本，但它没有按我想要的那样工作。我有 3 个应该从右向左滑动的示例图像。但它没有显示第三张图片。请看这支笔

有解决办法吗？

Answer 1

你有一些错误:)

首先，延误。你需要“调整”它们。其次，您需要“隐藏”显示的元素，不是吗？

有一支笔叉工作..或者这么想;）

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