Javascript:带导航栏的自动幻灯片

时间:2017-03-06 11:39:12

标签: javascript html css

我目前正在看这个例子:

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_slideshow_auto

想知道是否可以在导航栏中添加链接。假设幻灯片已经在第三张图片上。如果我点击第二个点'在导航栏中,我立即进入第二张图像,自动图像幻灯片循环从第二张图像开始(即2秒后变为第三张图像,然后又过了两秒钟返回第一张图像,依此类推)。

如果有人能做到这一点(真的很感激小提琴)那就太棒了。

1 个答案:

答案 0 :(得分:1)

你所要求的是一个旋转木马。使用Bootstrap轮播:

https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_carousel&stacked=h

用于更改时间间隔传递JQuery函数中的值

$('.carousel').carousel({
interval: 1000
});

其中1000以毫秒为单位