Javascript 循环2转盘单击缩略图以显示内容

实际地点：

（单击下面的下一个和上一个div以查看功能）

大家好，我有个小问题。我正在使用Cycle2滑动一些内容，目前它的工作方式很好，我想要它（检查上面的小提琴）。但我也希望能够单击每个缩略图（圆形青色/蓝色圆圈），并在单击后转到特定内容

---

进一步澄清：基本上有两个幻灯片（一个文本和一个圆形缩略图），我用下一个和上一个div控制。因此，当我单击圆形div时，我希望相应的文本滑入

我在下面的页面上发现了这个剪贴：我想从中复制功能。我尝试将其与当前设置集成，但没有效果

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);
});

---

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

请在下面找到我制作的小提琴，它解决了您的问题

---

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

单击后转到特定内容是什么意思？因为你已经在幻灯片上了。基本上有两张幻灯片（一张文本和一张圆形缩略图）我用下一个和上一个div控制。所以当我点击圆形div时，我希望相应的文本滑入。为什么不只使用一个滑块呢？我不能这样做，因为WP中的内容是结构化的。谢谢你的帮助。不幸的是，“下一步”和“上一步”按钮不起作用。现在，我只能单击“前进一步”进行检查（这是我想做的更清楚的示例）。我想能够点击任何thumbnail@SebastianGraz哦，我错了！！我忘了更新函数中的slideshow变量名。我已经更新了小提琴，请验证我们非常接近解决方案，我想：）我现在唯一的问题是，有时返回时缩略图不可点击，有时查看@SebastianGraz以查看以前的工作链接，我已经相应地更新了小提琴。请核实。

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