1

我正在为我的网站使用 jCarouselLite 插件。它工作得很好。我还想在图像底部添加一些项目符号(不仅是箭头)作为外部控件。因此,通过单击第二个项目符号,它将转到第二个图像。使用插件提供的 btnGo 也可以正常工作。

我还想做的是改变子弹,根据我每次看到的图像看起来很活跃。因此,当我单击下一个箭头并看到第二个图像时,我希望第二个项目符号立即处于活动状态。为此,我想知道我看到的图像的编号。

我知道通过 afterEnd 回调函数我得到了动画后处于活动状态的对象。有没有办法得到这个对象的数量?例如,如果对象是第二张图像,则只获取数字 2。

有人知道吗?

提前致谢

4

1 回答 1

1

jCarousel Lite #All-Comments上的评论 #315给了我这个答案(我刚刚使用过):

它基本上是使用字符串替换来根据即将显示的类似名称的图像来获取“活动”控件的数量。


假设您有 id 的外部控件:“#pi1”、“#pi2”、“#pi3”、“#pi4”、“#pi5”、“#pi6”</p>

以及ID为:“#im1”、“#im2”、“#im3”、“#im4”、“#im5”、“#im6”的图像</p>

在你启动 jCarousel Lite 函数之前,计算 li 的数量:

var LiCount = $("#projectimage").find("ul").children("li").size();

添加启动前功能:

beforeStart: function(a) {
 var imID = $(a).attr("id").replace('im','';
 var NimID = parseInt(imID);
 NimID++;
 if(NimID > LiCount) NimID = 1;
 $('#pi'+imID).removeClass('activelistlink');
 $('#pi'+NimID).addClass('activelistlink');
}
于 2011-03-31T03:11:56.273 回答