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();
});