如何消除图像滑块中的时间延迟

时间:2015-05-18 18:48:49

标签: javascript jquery

我最近一直在尝试自学jquery和javascript并看到一个关于滑块的在线教程,我有以下javascript / jquery代码原则上工作,但不完全是我想要的。

在教程示例中,每个图像之间存在间隙,因此图像从屏幕上滑落,存在间隙,然后下一个图像滑入,我不想要任何间隙。有人能指出我正确的方向吗?提前谢谢!

顺便说一下,我从"$(".slider #1").show("slide",{direction:"left"},1500);"改变了$(".slider #1").show(0);,这就是教程中的内容,看看它是否有用但是没有。

sliderint=1;
slidernext=2;

$(document).ready(function () 
{

    function Slider() {

        $(".slider #1").show("slide",{direction:"left"},1500);
        $(".slider #1").delay(1800).hide("slide",{direction:"left"},1500);



        var sc = $(".slider img").size();
        var count = 2;

        setInterval(function () {
            $(".slider #" + count).show("slide",{direction:"left"},1500);
            $(".slider #" + count).delay(1800).hide("slide",{direction:"left"},1500);

            if (count == sc) {
                count = 1;
            }
            else {
                count = count + 1;
            }
        },4800);
    }
    Slider();
});

0 个答案:

没有答案