Owl Carousel Nasıl Kullanılır ?

Owl carousel tutup sürükleme ile çalışan bir slider yapısıdır.Mobil cihazlara uyumludur dokunma ile kaydırılabilir.Bir sayfada birden fazla kullanılabilir.Ve animasyonları isteğimize göre ayarlanabilir.

Peki nasıl kullanılır ;

Öncelikle aşağıdaki carousel dosyalarını indiriniz ve sayfanızda tanımlayınız ;

– owl.carousel.css

– owl.theme.css

– owl.carousel.js

<link rel="stylesheet" href="owl-carousel/owl.carousel.css">

<link rel="stylesheet" href="owl-carousel/owl.theme.css">

<script src="jquery-1.9.1.min.js"></script>

<script src="assets/owl-carousel/owl.carousel.js"></script>

Daha sonra HTML olarak aşağıdaki kodları ekleyin ;

<div id="owl-example" class="owl-carousel">

  <div>yazı,resim</div>

  <div>yazı,resim</div>

  <div>yazı,resim</div>

</div>

Son olarak tanımladığımız eklentiyi çağıralım ;

$(document).ready(function() {

  $("#owl-example").owlCarousel();

});