0

我正在使用具有自动滚动功能的 jQuery jCarousel ( http://sorgalla.com/projects/jcarousel/examples/static_auto.html )。我想包括额外的功能来显示当前的显示项目。例如，如果我有 6 个项目，当它从右向左移动时，我有另一个 div 应该显示当前显示项目，如“6 个显示 1”、“6 个显示 2”等。

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

请在这方面帮助我。

提前致谢。

问候，

文卡特什·K

4

1 回答 1

0

如果autoscroll滚动到下一个图像，您需要做的是启动一个函数，然后在位置一获取图像的索引位置。

jCarouselautoscroll可以在被调用时调用启动函数itemVisibleInCallback。

（你可以通过阅读文档了解这些事情jCarousel）

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

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

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

因此：

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

您可以在这里找到一个工作示例。

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

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;
}

你可以在这里找到一个实现。

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

于 2013-07-13T19:53:21.950 回答