フクロウカルーセルセンターのスライド

Question

、あなたは特定のスライドに移動するto.owl.carouselを使用することができます。

私は現在のページ（クラスはthisPatientと呼ばれています）であるアイテムにクラスを追加したページの上部に走っているサムネイルカルーセルを持っています。

センターカルーセルを使用し、thisPatientクラスを持つカルーセルアイテムがページの読み込みの中心になるようにしたいと思います。これはどうすればできますか？

私は、to.owl.carouselには移動するスライドのIDが必要であることに気がつきましたが、これを変換して、特定のクラスが適用されたスライドのIDを取得する必要があります。

$(".patient-story-strip").owlCarousel({ 
    dots:false, 
    loop:true, 
    margin:10, 
    stagePadding:50, 
    lazyLoad:true, 
    center:true, 
    responsive:{ 
     0:{items:3}, 
     768:{items:9}, 
     1200:{items:13} 
    } 
}); 

Answer 1

$(document).ready(function(){ 
    var start = $('.patientInfo').index(); 
    $(".owl-carousel").owlCarousel({ 
     dots:false, 
     loop:true, 
     items: 13, 
     startPosition: start, 
     center:true, 
     responsive:{ 
      0:{items:3}, 
      768:{items:9}, 
      1200:{items:13} 
    }}); 
}); 

開始位置は、使用しているので：

この例はdevelopment.bellavou.co.uk/patient-stories/allison

で見ることができますこれは私が持っているものであり、現在、 index（）関数のような0のインデックスで始まり、その番号から始まり、あなたのようなカルーセル関数を中心にしています。 。あなたは= $（ 'thisPatientを'）VaRの開始を追加する場合