Kembali ke Menu Utama

Panduan Slide Gambar

Atur banner promosi yang berganti-ganti

Langkah Pengaturan

1

Buka File

Buka file config/data/slider.js

2

Upload Gambar

Upload gambar ke folder public

3

Tambah Slide

Tambahkan path gambar ke daftar

File Konfigurasi

config/data/slider.js
slider.js 
window.sliderConfig = {

    // ============================================
    // PENGATURAN UTAMA
    // ============================================

    // Aktifkan fitur slider
    enabled: 1,

    // Waktu jeda antar slide (dalam detik)
    delay: 3,

    // ============================================
    // DAFTAR GAMBAR SLIDE
    // ============================================

    images: [
        {
            src: "public/slider/1.webp"
        },
        {
            src: "public/slider/2.webp"
        }
    ]
};

Penjelasan Detail

01

enabled

Mengaktifkan atau menonaktifkan fitur slider banner. Gunakan 1 untuk aktif, 0 untuk nonaktif.

02

delay

Waktu tunggu sebelum slide berganti ke gambar berikutnya. Satuan: detik.

03

images

Daftar gambar yang akan ditampilkan. Setiap item memiliki properti src yang berisi lokasi file gambar.

Cara Menambah Gambar Baru

1

Siapkan gambar (PNG/JPG/WEBP) dan upload ke folder public/

2

Tambahkan item baru di array images dengan path gambar

3

Simpan file dan refresh halaman

Contoh Menambah Slide Baru

images: [
  { src: "public/slider/1.webp" },
  { src: "public/slider/2.webp" },
  // Tambahkan koma di slide sebelumnya, lalu tambah slide baru:
  { src: "public/slider/3.webp" }
]

Rekomendasi Gambar

Gunakan gambar dengan ukuran yang konsisten (misal: 1200x600 pixel) agar tampilan slider rapi. Format WEBP lebih ringan dan cepat dimuat dibanding JPG/PNG.

Erik Sanjaya - Login Page Hotspot Mikrotik

https://eriksanjaya.com