0

ここでこのコードを見つけました: https://stackoverflow.com/a/32636784/2785140しかし、ページに複数のスライダーが含まれている場合、残念ながら正しく機能しません。

var oc = $('.owl-carousel');
  var ocOptions = oc.data('carousel-options');
  var defaults = {
    loop:            true,
    nav:             false,
    autoplay:        true,
  }
  oc.owlCarousel( $.extend( defaults, ocOptions) );

html:

<div class="owl-carousel" data-carousel-options='{"autoplay":"true","autoplayTimeout":"6000","items":"2"}'> ... </div>

複数のスライダーで動作させるには?

前もって感謝します。

4

1 に答える 1

1

各カルーセルを初期化します。

var oc = $('.owl-carousel');
oc.each(function () {
    var el = $(this);
    el.owlCarousel($.extend({
        autoplay: 2000,
        loop: true,
        items: 4,
        autowidth: true,
        nav: false,
        dots: false,
        margin: 30
    }, el.data('carousel-options')));
});
于 2015-11-03T10:59:01.060 に答える