Owl Carousel 2 Navigation Dans La Diapositive

Je suis en utilisant le Owl Carousel 2 plugin jquery, et je suis d'essayer d'avoir les boutons de navigation contenues dans les diapositives. Mon code html est très simple:

<div class="owl-carousel">    
<div>
  <p>Slide 1 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat quisquam rem assumenda, ullam, beatae earum animi magnam! Reiciendis, laboriosam, itaque.</p>

  <div class="customNavigation">
    <a class="prev">Previous</a>
    <a class="next">Next</a>
  </div>

</div>

<div>
  <p>Slide 2 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat quisquam rem assumenda, ullam, beatae earum animi magnam! Reiciendis, laboriosam, itaque.</p>

  <div class="customNavigation">
    <a class="prev">Previous</a>
    <a class="next">Next</a>
  </div>

</div>

<div>
  <p>Slide 3 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat quisquam rem assumenda, ullam, beatae earum animi magnam! Reiciendis, laboriosam, itaque.</p>

  <div class="customNavigation">
    <a class="prev">Previous</a>
    <a class="next">Next</a>
  </div>

</div>

Et puis je vais appeler le plugin comme ceci:

$(document).ready(function(){    
    $('.owl-carousel').owlCarousel({
        loop:true,
        items: 1,
    })      
});

Maintenant j'ai juste besoin d'obtenir les liens de travail avec le plugin! Toute aide grandement appréciée

  • si tu veux le suivant et précédent pour travailler..??
  • Yep j'ai envie de faire le carrousel de la fonction
InformationsquelleAutor Mike Harrison | 2015-02-19
  1. 13

    Espère que cela peut vous aider à s'accoupler.

    $('.owl-carousel').owlCarousel({
    loop: true,
    items: 1,
});
owl = $('.owl-carousel').owlCarousel();
$(".prev").click(function () {
    owl.trigger('prev.owl.carousel');
});

$(".next").click(function () {
    owl.trigger('next.owl.carousel');
});

    Violon ici

    • La magie, c'est parfait merci
    • j'étais à la recherche de cette trop. merci
    InformationsquelleAutor Outlooker