jCarousel是一个jQuery插件用于控制水平或垂直顺序的项目清单

所属分类:媒体-滑块和旋转

 28328  305  查看评论 (3)
分享到微信朋友圈
X
jCarousel是一个jQuery插件用于控制水平或垂直顺序的项目清单 ie兼容7

jCarousel是一个jQuery插件用于控制水平或垂直顺序的项目清单。列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。

它提供了一个功能全面的和灵活的工具集,用于导航或图片展示旋转木马效果以及基于HTML的任何内容。

相关插件-滑块和旋转

jQuery轮播图点击放大

jQuery轮播图点击放大,即可点击轮播又可点击图片放大图片
  滑块和旋转
 49378  374

jquery无缝滚动切换

jquery 实现无缝滚动左右滚动(左右可点击的箭头切换div位置)
  滑块和旋转
 43238  359

移动端左右滑动插件

移动端左右滑动插件
  滑块和旋转
 57614  398

轮播切换图片

随箭头点击,四张图片动态移动
  滑块和旋转
 37658  498

讨论这个项目(3)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    杨小爷 1
    2017/5/3 13:25:18

    搞定了,后来发现移入鼠标不能停止自动播放,调用API就可以了

    jcarousel.jcarouselAutoscroll({
        interval: 3000,
        target: '+=1',
        autostart: true
    });
     //移入时暂停自动播放
    jcarousel.on('mouseover', function() {
        jcarousel.jcarouselAutoscroll('stop');
    }).on('mouseout', function() {
        jcarousel.jcarouselAutoscroll('start');
    })
    回复
    飞翔 0
    2014/11/19 2:34:18
    不能自动滚动
        杨小爷1
        2017/5/3 12:55:55
        $('.jcarousel-pagination').jcarouselAutoscroll({
            interval: 3000,
            target: '+=1',
            autostart: true
        });

        我试了一下,引用那个auto的js,然后这样就好了

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复