M E D Y A T Ö R

Owl Carousel Nasıl Kullanılır ?

  • 31

    MAYIS

    2017

  • 8974
    Görüntülenme
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();
});