Bina Carousels jQuery yang kaya dengan Slick

Tidak banyak perpustakaan karusel boleh bersaing dengan Slick. Ia adalah plugin jQuery yang paling penuh sesak untuk membina karusel dinamik di web.

Ia benar-benar percuma dan dibina di atas jQuery. Kod ini sangat mudah untuk didirikan, walaupun ia berlaku memerlukan beberapa kebergantungan. Tetapi dengan begitu banyak fungsi, ia perlu menambah perpustakaan tambahan untuk mendapatkan kerja ini.

Untuk memasang Slick, anda boleh melawat repo GitHub dan muat turun satu salinan. Ia datang dengan dua fail CSS: satu untuk persediaan asas dan satu lagi untuk tema Slick lalai. Anda boleh dengan mudah menggabungkan fail-fail ini ke dalam lembaran gaya CSS utama anda jika anda mahu menjimatkan ruang.

Kemudian, anda perlukan dua kebergantungan jQuery: perpustakaan jQuery utama bersama dengan jQuery Migrate. Slick memerlukan a minimum jQuery 1.7+ yang seharusnya tidak menjadi masalah untuk persekitaran pembangunan moden.

Dari sini, anda hanya menambah Slick.js fail dan biarkan ia pergi. Persembahan slaid boleh dibuat dengan kod yang sangat sedikit dan di sini adalah a sampel langsung dari laman web Slick:

  kandungan anda
 kandungan anda
 kandungan anda

Dengan mudah

bekas, anda boleh tambahkan slaid secara dinamik, termasuk imej, kandungan HTML, dan media terbenam seperti video. Slick menyokong semuanya dengan a reka bentuk responsif sepenuhnya yang mengekalkan nisbah aspek utuh.

Slick datang dengan berpuluh-puluh ciri hebat, termasuk fungsi sapu pada telefon mudah alih dan pelayaran dot. Anda juga boleh membuat persediaan autoplay, animasi tersuai, panggilan balik tersuai, dan banyak lagi.

Perpustakaan ini adalah binatang yang lengkap untuk membuat karusel berputar. Dan, anda boleh melakukannya dengan semua beberapa jQuery mudah yang menjadikan ini lebih luar biasa.

Untuk lihat semua demo dan mulakan, lihat laman utama Slick. Anda juga boleh mencari semua kod sumber dan dokumentasi penuh untuk tetapan / pilihan dalam repo GitHub.