微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

jcarousel每页和分页的幻灯片

如何解决jcarousel每页和分页的幻灯片

我一直在项目中使用jcarousel。我应该每页有5张图像,当我单击分页时,所有5张图像应移动,另外5张图像应显示。我如何实现的,下面是我的代码供您参考

    $('.jcarousel-control-prev')
        .jcarouselControl({
            target: '-=5'
        });

    $('.jcarousel-control-next')
        .jcarouselControl({
            target: '+=5'
        });

    $('.jcarousel-pagination')
        .on('jcarouselpagination:active','a',function () {
            $(this).addClass('active');
        })
        .on('jcarouselpagination:inactive',function () {
            $(this).removeClass('active');
        })
        .on('click',function (e) {
            e.preventDefault();
        })
        .jcarouselPagination({
            perPage: 5,item: function (page,carouselItems) {
                return '<a href="#' + page + '">' + page + '</a>';
            }
        });

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。