Widget image carousel memungkinkan anda untuk menambahkan gallery gambar yang menarik dan dinamis dalam website anda. Mari kita bahas apa saja yang bisa dilakukan widget ini
Content – Image Carousel
- Tambahkan gambar ke gallery dengan klik tombol add images dan icon “+”
- Image Size: Tentukan ukuran gambar
- Slides to Show: Tentukan berapa foto yang ditampilkan pada satu slide
- Slides to Scroll: Tentukan berapa slides yang digeser ketika pengguna menggeser slide carousel
- Image Stretch: Tentukan apakah foto akan melebar atau tidak
- Navigation: Tentukan Icon navigasi
- Previous Arrow Icon: Tentukan icon untuk berpindah ke gambar sebelumnya
- Next Arrow Icon: Tentukan icon untuk berpindah ke gambar selanjutnya
- Link: Tentukan link foto akan mengarah ke media file, URL tertentu, atau non aktifkan
- Caption: Tentukan caption yang ditampilkan
Content – Additional Options
- Lazyload: Aktifkan agar foto tidak dimuat sebelum dibuka
- Autoplay: Aktifkan untuk membuat carousel otomatis tergeser
- Pause on Hover: Aktifkan untuk menghentikan autoplay ketika hover
- Pause on Interaction: Aktifkan untuk menghentikan autoplay ketika ada interaksi dari user
- Autoplay speed: Tentukan kecepatan autoplay (dalam milidetik)
- Direction: Tentukan arah autoplay ke kanan atau kiri
Style – Navigation
Navigation – Arrows
- Position: Tentukan posisi icon navigasi
- Size: Tentukan ukuran icon navigasi
- Color: Pilih warna icon navigasi
Navigation – Pagination
- Position: Tentukan posisi penanda slide carousel
- Size: Atur ukuran penanda slide carousel
- Color: Pilih warna penanda slide carousel
- Active Color: Pilih warna penanda slide carousel saat sedang aktif atau ditampilkan
Style – Image
- Vertical Align: Tentukan posisi vertical foto
- Spacing: Atur jarak antar foto
- Border Type: Pilih tipe border carousel
- Border Radius: Tentukan ukuran sudut border