从之前设计的图库中自动转换幻灯片

时间:2015-11-17 19:48:48

标签: javascript jquery html css

正如标题所述,我目前在网站上有一个“点击进入下一个图像”幻灯片放映为横幅图片。我希望把它变成一个自动从图像转换到图像的幻灯片,但我不确定如何做到这一点。

该网站可以在@ rdesignmedia.com/testing/logo_you

找到

代码如下:

13.5423     0.0116934333
17.9918     0.0476088508
22.4523     0.0082869379
26.5963     0.00291399
34.1077     0.0222519629
39.0881     0.0027373305

1 个答案:

答案 0 :(得分:0)

查看网站,您可以在页面加载后执行此操作:

// Creates an interval that runs the function every 2 seconds
setInterval(
    function () {
        // Finds the ul holding the little dots
        var ul = $(".camera_pag_ul");

        // Finds the currently selected dot
        var selected = ul.find('.cameracurrent');

        // Finds the next dot to click
        var next = selected.next('li');

        // If the next dot exists click it, else start over with first one
        if (next.length != 0) {
            next.click();
        }
        else {
            ul.find('li:first').click();
        }
    }, 2000
);

如果我在网站的控制台中运行它,则此方法有效。这会每2秒切换一次图像。显然,您可以将2000更改为其他内容,以增加下一个图像显示之前显示图像的时间。