jQueryCycle可以一次显示多个图像,但一次只能滑动一个吗?

时间:2012-01-25 16:41:35

标签: jquery jquery-plugins

我想在一个页面上有3个以上的图像,其中3个图像可见,并且能够一次前进一个图像。像这样:

[Slide 1][Slide 2][Slide 3]

然后当用户单击“下一步”

[Slide 2][Slide 3][Slide 4]

是否可以使用jQueryCycle执行此操作?如果没有,你会为此推荐什么jQuery插件?

example显示3张图片,但在点击导航按钮时会滚动全部3张。

3 个答案:

答案 0 :(得分:11)

jCarousel对于这类事情很常见,但我相信你也可以找到其他的。

<强>更新

创建了一个使用scroll设置的demo;

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        wrap: 'circular',
        scroll: 1
    });
});

答案 1 :(得分:6)

答案 2 :(得分:1)

jQuery Cycle 2可以做到这一点;它被称为“轮播过渡”。可以在Cycle 2 Carousel上找到演示和文档。请注意,您需要添加Cycle 2 download page中提供的可选“Carousel”插件。