jQuery 轮播答案

【问题标题】：jQuery carouseljQuery 轮播
【发布时间】：2010-07-03 21:56:52
【问题描述】：

与许多其他人一样，我正在为我的主页寻找轮播。我已经看过市场了。

我最喜欢的是几个现有的混合。而且，如果可能的话，它应该基于 jQuery，因为我已经在使用它了。不过，一些好的轮播是基于 mootools 的。

那么，我喜欢什么？ noobSlide 很好。完美的将是 6 和 7 的混合：6 具有更大的图片，带有一些叠加和链接。 7 具有图像的平行定位。问题：我有 >50 而不是 8，所以我需要某种滑块。 SmoothGallery 有一个不错的滑块（点击图片后）。

所以，有要求

带有叠加层的大图（信息 + 链接）
带滚动的水平滑块控件
如果可能的话，jQuery

你会把我送到哪里？我错过了一些很酷的组件/库？

【问题讨论】：

标签： jquery slider carousel

【解决方案1】：

如果您喜欢此页面上的轮播：

http://www.adventure-service.com/

我正在使用这个插件：

http://thomlx.free.fr/jquery/jquery_carousel.htm

只包含那个javascript文件，把html如下：

                    <div id='banner_container'>
                        <ul>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                            <li><img src='' alt='' /></li>
                        </ul>
                    </div>

调用这个函数：

        $('#banner_container').carousel();

就是这样。如果你想要例如自动滑动和按钮，那么你可以点击每个按钮和相应的图像来显示：

        $('#banner_container').carousel({
            autoSlide: true, 
            autoSlideInterval: 4000,
            pagination: true
        });

【讨论】：

我试过你上面的解决方案，但它不起作用。只有第一个图像被加载到轮播中，但我按下下一个按钮没有图像滑入。这是为什么？ 请帮忙。

【解决方案2】：

如果您希望它完全可以通过键盘访问，请尝试KATC。

【讨论】：