如何在jCarouselLite中获取可见项?

时间:2011-03-30 07:51:03

标签: jquery indexing jcarousellite

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

我还想做的是改变子弹,根据我每次看到的图像看起来是活跃的。所以,当我点击下一个箭头时,我看到第二个图像,我想立即激活第二个子弹。为此,我想知道我看到的图像的数量。

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

有人知道一些事情吗?

提前致谢

1 个答案:

答案 0 :(得分:1)

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

它基本上使用字符串替换来获取哪个控件处于“活动状态”的数量,具体取决于类似命名的图像。


假设您有带有ID的外部控件: “#pi1”,“#pi2”,“#pi3”,“#pi4”,“#pi5”,“#pi6”

带有ID的图像: “#im1”,“#im2”,“#im3”,“#im4”,“#im5”,“#im6”

在启动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');
}