Cycle2旋转木马点击缩略图显示内容

Question

http://jsfiddle.net/r29A9/4/

实际站点：http://sebastiangraz.com/projects/kbt/

(单击下面的下一个和prev以查看功能)

嗨，我有点小问题。我正在使用Cycle2幻灯片一些内容，目前它运行良好的方式，我想它(检查小提琴以上)。但我也希望能够点击每个缩略图(圆青色/蓝色圆圈)，并进入该特定的内容，一旦点击。

为了进一步澄清:基本上有两个幻灯片(一个文本和一个循环缩略图)，我正在控制下一个和prev。因此，当我点击循环div时，我希望相应的文本能够滑入。

我在这个页面上发现了下面这个片段：http://jquery.malsup.com/cycle2/demo/caro-pager.php，我想从它中复制一些功能。我试图将它与我目前的设置集成起来，但没有效果。

var slideshows = $('.cycle-slideshow').on('cycle-next cycle-prev', function(e, opts) {
// advance the other slideshow
slideshows.not(this).cycle('goto', opts.currSlide);
});

$('#cycle-2 .cycle-slide').click(function(){
var index = $('#cycle-2').data('cycle.API').getSlideIndex(this);
slideshows.cycle('goto', index);
});

你们有什么想法吗？谢谢!

Answer 1

请在我创造的小提琴下面找到解决你问题的方法。

小提琴

($("#carousel1 .readmore").length - 1)

给出您正在使用的幻灯片数量的计数&我将从中减去1，因为插件添加了另一个部分，即当前显示的部分。