Plugin Owl Carousel 2

Owl Carousel 2

 

Owl Carousel 2 yang diaktifkan dengan sentuhan yang memungkinkan Anda membuat slider carousel responsif yang indah.

Dapat Disesuaikan Sepenuhnya

Lebih dari 60 opsi. Mudah bagi pengguna pemula dan bahkan lebih canggih untuk pengembang tingkat lanjut.

Sentuh dan Tarik Dukungan

Dirancang khusus untuk meningkatkan pengalaman penjelajahan seluler. Seret mouse juga berfungsi dengan baik di desktop!

Sepenuhnya Responsif

Hampir semua opsi responsif dan menyertakan pengaturan breakpoint yang sangat intuitif.

Browser Modern

Burung hantu menggunakan akselerasi perangkat keras dengan transisi CSS3 Translate3d. Ini cepat dan bekerja seperti pesona!

Browser Zombie

Cadangan CSS2 didukung untuk browser lama.

Modul dan Plugin

Owl Carousel mendukung struktur modular plugin. Oleh karena itu, Anda dapat melepaskan plugin yang tidak akan Anda gunakan pada proyek Anda atau membuat yang baru yang sesuai dengan kebutuhan Anda

 

  LINK DOWNLOAD
Sertakan CSS Pertama, sertakan dua file CSS ke dalam kepala HTML Anda:

<link rel="stylesheet" href="owlcarousel/owl.carousel.min.css">
<link rel="stylesheet" href="owlcarousel/owl.theme.default.min.css">
 
 

Contoh Class

<div class="owl-carousel owl-theme owl-loaded">
    <div class="owl-stage-outer">
        <div class="owl-stage" >
            <div class="owl-item">...</div>
            <div class="owl-item">...</div>
            <div class="owl-item">...</div>
        </div>
    </div>
    <div class="owl-nav">
        <div class="owl-prev">prev</div>
        <div class="owl-next">next</div>
    </div>
    <div class="owl-dots">
        <div class="owl-dot active"><span></span></div>
        <div class="owl-dot"><span></span></div>
        <div class="owl-dot"><span></span></div>
    </div 
</div>

Sertakan JS Ya, sertakan jQuery dan owl.carousel.min.jske footer.

<script src="jquery.min.js"></script>
<script src="owlcarousel/owl.carousel.min.js"></script>