0

私のサイトには滑らかなスライダーがあり、それが機能しています。

カルーセルがレンダリングされるときに、各アイテムにカスタム クラスを追加する必要があります。

例: これはフクロウのカルーセルで行われるものです

ここで次の 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で動作するようには見えません。

Owl ではなく Slick を使用する理由は、Owl には無限スクロールがなく、Owl 2 はバグが多すぎるためです。

上記と同じことができる場合は、Owl 2 の使用を検討しますが、スクリプトが大幅に変更されたため、動作させることができません。

4

0 に答える 0