Carousel jQuery Plugin

Carousel jQuery Plugin

Membuat testimoni dengan menerapkan efek slider bisa dilakukan dengan cukup mudah, salah satunya dengan menerapkan plugin jQuery. Dengan menggunakan plugin tertentu disini akan diperlihatkan langkah demi langkah apa saja yang harus dipersiapkan, untuk menjalankan plugin tersebut.

Tentunya persiapkan dahulu plugin yang sesuai, disini akan digunakan plugin jQuery dengan nama Owl Carousel karena untuk instalasi plugin tersebut tidak terlalu rumit.

Buat file index.html, untuk skripnya bisa dilihat sebagai berikut:

kemudian dilanjutkan dengan pembuatan skrip aktivasi jquerynya, skripnya terlihat sebagai berikut:

perlu kita ketahui disini akan ditambahkan tambahan skrip CSS untuk memodifikasi tampilan, skripnya dapat dilihat dibawah berikut:

Yang diperlukan dalam penerapan plugin jQuery Owl Carousel tersebut diantaranya adalah, sebagai berikut:
1. file index.html
2. file css, untuk kustomisasi tampilan
3. file jQuery, sebagai aktivasi

secara keseluruhan, jika digabung skripnya akan terlihat seperti berikut dibawah ini:

sumber:
1. https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html
2. https://jquery.com/
3. https://www.youtube.com/watch?v=INpoM8l-2Xw
catatan: sebagai alternatif file dapat digunakan secara langsung dengan menerapkan fitur CDN

DEMO: