需要帮助根据类名居中缩略图 - Jquery

Question

我一直在开发一个幻灯片组件，它是 jcycle 和 jcarousel 的混合体。它工作得相当好，但我要补充的最后一个功能我无法弄清楚。现在，如果您单击缩略图，只要它不是前 2 个或最后 2 个拇指，它就会将其置于轮播中心。这非常有效，我喜欢将幻灯片放映的活动缩略图居中。

我遇到的问题是，如果用户点击幻灯片上的播放按钮或下一张和上一张幻灯片按钮，幻灯片会循环播放，但活动幻灯片缩略图不会在轮播中居中。我尝试检查缩略图锚点是否具有类、activeSlide，如果有则将其居中，但未成功，但似乎无法使其工作。

这是我一直在开发的演示页面的链接。

http://brettjankord.com/standards/slideshows/jslideshow-test2.php

非常感谢任何帮助！

Answer 1

onBefore 方法演示的末尾

 var carousel = $('#mycarousel').data('jcarousel');
 var activeIdx = $('#mycarousel img[src="'+next.src+'"]').closest('a').data('index') -2;
 if (carousel)
     {
         carousel.scroll(activeIdx);
     }

将以下内容放在http://jsfiddle.net 的 /JupPn/1/