javascript - 使用JQuery Fix的Content Rotator:如何滚动每个未设置的缩略图？

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

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

另外，它当前处于AUTOPLAY上，但是一旦单击缩略图，它就会停止。即使被点击中断，如何使它继续自动播放？

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

最佳答案

滑块的脚本可以在这里找到：
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;
}

关于javascript - 使用JQuery Fix的Content Rotator:如何滚动每个未设置的缩略图？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14384200/