如何自动化jQuery文本内容轮播?

时间:2014-06-05 13:36:46

标签: jquery pagination carousel autorotate

我希望有人可以帮助我实现内容轮播的自动化。

这个旋转木马有一个简单的点缀分页,一切正常,但我无法弄清楚如何自动化,以便内容自动更改。

不幸的是,完整的工作脚本太长了,不能放在这里,所以我创建了JSFiddle

有人可以帮助修改脚本以包含自动旋转功能吗?

非常感谢!

<script>
$( document ).ready(function() {
            $('.slidewrap').carousel({
                slider: '.slider',
                slide: '.slide',
                addNav: false,
                addPagination: true,
                speed: 300 // ms.                   
            });
});
</script>

1 个答案:

答案 0 :(得分:1)

我认为您需要将data-autorotate属性添加到div class="slidewrap"

<div class="slidewrap" data-autorotate="5000">

其中5000是等待下一张幻灯片的毫秒数。

请参阅Fiddle了解演示。