使ContentFlow不断自动滚动？

Question

我在网站cookbookfavors.com上实现了ContentFlow，并想知道是否有办法修改脚本以便自动滚动项目？即使有人可以指出我在哪里查看代码，添加循环，或者某事......谢谢！

编辑：脚本：http://www.jacksasylum.eu/ContentFlow/index.php

文档中没有任何内容可以帮助......我必须修改代码。

Answer 1

是的，但答案不是“修改脚本”。相反，您将编写一个小助手脚本，每隔“x”秒调用一次ContentFlow的moveTo方法。 ContentFlow库本身不需要更改。

有关图书馆的moveTo方法，请参阅docs。

您的脚本应执行以下操作：

1. 等待页面的dom稳定
2. 创建ContentFlow实例
3. 开始循环。在循环中，首先延迟x秒。然后调用moveTo方法移动到下一个项目。

您还需要跟踪当前项目。询问您是否需要更多信息。

已添加原来，ContentFlow库中有一个slideshow AddOn，可以为您处理自动滚动。请参阅docs，了解如何添加AddOn。

如果您不希望用户看到启动/停止幻灯片控件，请尝试通过CSS隐藏它们。

Answer 2

我是以一种非常简单的方式完成的，不需要幻灯片AddOn。这是一个代码示例，可以帮助您入门：

var myCf = new ContentFlow('myContentFlow', {
    circularFlow: true,
    loadingTimeout: 60000
});

function go_to_next_and_wait() {
    setTimeout(function() {
        myCf.moveTo('right');
        go_to_next_and_wait();
    }, 5000); // 5000ms = 5 seconds
}

$(document).ready(function() {
    go_to_next_and_wait();
});