代码之家  ›  专栏  ›  技术社区  ›  Sparhawk

jQuery旋转木马

  •  0
  • Sparhawk  · 技术社区  · 15 年前

    和其他人一样,我也在为我的主页寻找一个旋转木马。 我已经看过市场了。

    那么,我喜欢什么? noobSlide 很好。完美的将是从6和7:6的混合有一些覆盖和链接更大的图片。7具有图像的平行定位。问题:我有>50而不是8,所以我需要一些滑块。 SmoothGallery 有一个不错的滑块(点击图片后)。

    所以,按照要求

    • 带覆盖的较大图片(信息+链接)
    • 带滚动的水平滑块控制
    • 如果可能,jQuery

    2 回复  |  直到 15 年前
        1
  •  2
  •   John Topley    13 年前

    如果您喜欢此页面上的旋转木马:

    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
  •  0
  •   xenith    13 年前

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