Question

我正在使用带有自动滚动功能的jQuery jCarousel（http://sorgalla.com/projects/jcarousel/examples/static_auto.html）。我想要包含其他功能来显示当前显示项目。例如，如果我有6个项目，当它从右向左移动时，我有另一个div应显示当前显示项目，如“显示1的6”，“显示2的6”等等。

我可以通过点击jCarousel中的Next / Prev链接来增加/减少计数。我想显示显示计数，即使它自动滚动。如何实现这一功能？

请在这方面帮助我。

先谢谢。

此致

Venkatesh K

Answer 1

如果autoscroll滚动到下一个图像，然后将图像的索引位置放在第一个位置，则需要执行的是启动一个函数。

jCarousel可以在名为 itemVisibleInCallback 的autoscroll上调用启动函数。

（您可以通过阅读jCarousel）{/ 3>的the documentation来了解这类内容

将此添加到jCarousel初始化将类似于：

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 2,
        wrap: 'last',
        itemVisibleInCallback: changeNumber
    });
});

然后我们可以使用 carousel.first 元素调用来获取carousel中的第一个可见元素。

因此：

function changeNumber(carousel){
    $("#update").html("The first image in the row is: "+carousel.first);
};

您可以找到一个有效的例子HERE。

如果您想为每张图片添加文字，则可以切换此语句并输出不同的内容。例如：

switch (carousel.first)
{
    case 1: $("#update").html("Hello, how are you?");             break;
    case 4: $("#update").html("I have just been autoscrolled");   break;
    case 7: $("#update").html("Javascript is pretty awesome");    break;
    case 8: $("#update").html("Where's my coffee?");              break;
}

您可以找到HERE的实现。

我希望能回答你的问题。祝你好运！

JQuery JCarousel自动滚动另一个事件

1 个答案: