使ContentFlow不断自动滚动？

Question

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

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

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

Answer 1

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

请参阅库的moveTo方法的文档 。

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

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

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

添加结果，ContentFlow库中有一个幻灯片 AddOn，它将为您处理自动滚动。 请参阅向您展示如何添加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();
});