jquery - carouFredSel 当前图片说明

Question

我想知道你们中是否有人熟悉carouFredSel 脚本。我喜欢这个脚本，但我很难提取当前幻灯片的编号，所以我可以显示一个标题。

我遇到的问题是我相邻显示 3 张幻灯片，脚本为每张幻灯片加载标题，而不是只显示中间的一张。我什至不知道如何获取当前的项目编号，以便我可以用它来淡入正确的标题......

Answer 1

您可以使用$("#thumbs").triggerHandler("configuration", "items.visible");来获取不可见的项目。执行 Math.floor() 以获取中间元素。和$('#thumbs').trigger('slideTo', [$(this),-mid_element]);

我设法在这里得到了一些东西，可能对你有帮助

http://jsfiddle.net/RL8MV/12/

虽然它的回复晚了..可能对其他人有帮助。:P

Answer 2

获取中间元素

// Calculate the center carousal
function getCenterThumbnail() {
var $thumbnail =  $('#thumbnail'),
    $visible = $thumbnail.triggerHandler( 'currentVisible' ),
    center = Math.floor($visible.length / 2);
  return center;
}

并滑到中间

$('#thumbnail').trigger( 'slideTo', [ +position, -center ] );

position是当前元素（图像）的位置。