jQuery Carousel Autoplay

时间:2013-11-18 05:37:12

标签: jquery carousel

嗨我有jQuery轮播它点击下一个预按钮就好了,我还需要自动播放,我无法添加自动播放,请提前帮助我,谢谢,下面是代码。


(function($) {
    $(function() {
        $('.jcarousel').jcarousel();

        $('.jcarousel-control-prev')
            .on('active.jcarouselcontrol', function() {
                $(this).removeClass('inactive');
            })
            .on('inactive.jcarouselcontrol', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .on('active.jcarouselcontrol', function() {
                $(this).removeClass('inactive');
            })
            .on('inactive.jcarouselcontrol', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '+=1'
            });

        $('.jcarousel-pagination')
            .on('active.jcarouselpagination', 'a', function() {
                $(this).addClass('active');
            })
            .on('inactive.jcarouselpagination', 'a', function() {
                $(this).removeClass('active');
            })
            .jcarouselPagination();
    });`enter code here`
})(jQuery);

2 个答案:

答案 0 :(得分:3)

在您的代码之后使用它:

setInterval("$('.jcarousel').jcarousel('scroll', '+=1')", 1000)

或者您可以使用Autoscroll插件

http://sorgalla.com/jcarousel/docs/plugins/autoscroll/

这是更好的解决方案。

答案 1 :(得分:3)

您可以使用自动启动属性。

$(element_id_or_class).jcarouselAutoscroll({ autostart: true });