Question

我想要一个带有垂直缩略图的旋转木马，如下面的链接所示：

http://coolcarousels.frebsite.nl/c/11/

但是在这个例子中，图像仅在悬停时更改，我想要一个自动滑块。假设图像每 10秒发生变化。

此外，这在Firefox中不起作用。虽然我的主要要求是有一个自动滑块以及手动图像更改（悬停或点击）。

如果有人遇到过，请告诉我。

Answer 1

使用轮播的auto配置选项。

    $(function() {
        $('#carousel').carouFredSel({
            items: 1,
            auto: 5000, // Slide automatically after 5 seconds
            scroll: {
                fx: 'none'
            },
            pagination: {
                container: '#pager',
                event: 'mouseenter',
                anchorBuilder: function(nr, item) {
                    var src = item.attr('src').replace('/large/', '/small/');
                    return '<img src="'+ src +'" border="0" />';
                }
            }
        });
    });

Answer 2

我以前使用的是两个旋转木马：http://www.thomaslanciaux.pro/jquery/jquery_carousel.htm http://www.gmarwaha.com/jquery/jcarousellite/

它们都允许垂直，并以一定间隔自动滑动。

修改

只是快速浏览一下您发布的插件，它确实似乎支持间隔滑动：http://coolcarousels.frebsite.nl/c/10/

垂直旋转木马具有自动过渡功能

2 个答案: