javascript - 带有 JQuery 修复的内容旋转器：如何滚动每个缩略图而不设置？

Question

http://tympanus.net/Development/ContentRotator/example2.html

当前，此内容滑块可让您在单击箭头时每 4 个缩略图（一组）滚动一次。我怎样才能使单击箭头移动到下一个缩略图上？

此外，它目前处于自动播放状态，但一旦您单击缩略图，它就会停止。即使被点击打断，如何让它继续自动播放？

这是教程页面：http ://tympanus.net/codrops/2011/07/29/content-rotator/

Answer 1

滑块的脚本可以在这里找到：http: //tympanus.net/Development/ContentRotator/js/jquery.crotator.js

它不是一个写得很好的插件，不幸的是脚本本身不允许自定义（即你不能传入选项列表）。没有选项可以防止它在交互时停止。要实现您想要的，您需要编辑代码。

我查看了代码，只要变量 config.slideshow = true，滑块就会继续工作。但是，有许多事件绑定具有无条件地将值设置为 false 的代码。例如

$navNext.bind('click.crotator', function(e) {
    ...
    config.slideshow    = false;
    ...
}

您可以删除值设置为 false 的代码，这将解决您的问题。但是，由于您要接触代码，因此最好让插件接受选项。您可以让它允许像“stopOnInteraction”这样的选项，它基本上在事件处理程序中执行以下行：

if (config.stopOnInteraction) {
    config.slideshow = false;
}