如何为每个Slick Carousel项添加自定义类?

时间:2014-07-17 11:34:00

标签: javascript jquery carousel slick.js

我的网站上有一个光滑的滑块及其工作。

我需要的是在轮播呈现时为每个项目添加自定义类。

ex:这是用猫头鹰旋转木马完成的

如果你在这里使用以下jQuery: http://codepen.io/OwlFonk/pen/dpjhB

jQuery(document).ready(function () {
    var carousel = jQuery("#owl-demo");
    carousel.owlCarousel({
    itemsCustom: [[0,5]],
    navigation : false, autoPlay : 10000, mouseDrag : true, touchDrag : true, pagination : false, rewindNav: true,
     afterAction: function(el){
       //remove class active
       for ( var i = 0; i < 10; i++ ) 
           {
                this.$owlItems.removeClass('active' + i)
           }
       //add class active
       for ( var i = 0; i < 10; i++ ) 
           {
                this.$owlItems.eq(this.currentItem + i).addClass('active' + i)
           }
     }
    });
});

你将能够看到我需要的东西。

我似乎无法使用Slick。

我使用Slick而不是Owl的原因是因为猫头鹰没有无限滚动而猫头鹰2太多了。

如果我可以像上面那样做,我会考虑使用猫头鹰2,但他们改变了脚本以至于我无法让它工作。

0 个答案:

没有答案