我正在为我的网站使用jCarouselLite插件。它非常好用。我想在图像的底部(不仅是箭头)添加一些子弹作为外部控件。因此,通过单击第二个项目符号,它将转到第二个图像。使用插件提供的btnGo也可以。
我还想做的是改变子弹,根据我每次看到的图像看起来是活跃的。所以,当我点击下一个箭头时,我看到第二个图像,我想立即激活第二个子弹。为此,我想知道我看到的图像的数量。
我知道通过afterEnd回调函数,我获得动画后处于活动状态的对象。有没有办法获得这个对象的数量?例如,如果对象是第二个图像,则只获取数字2。
有人知道一些事情吗?
提前致谢
答案 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');
}