Images Slideshow

Diposting oleh Ibnu Batauga (Diperbarui: 22/08/2025) - Posting Komentar

Menampilkan banyak gambar bisa membuat postingan terlihat penuh dan membingungkan. Solusinya? Slideshow gambar.

Fitur ini memungkinkan Anda menampilkan galeri gambar yang rapi dan interaktif tanpa memenuhi halaman.

Slideshow ini sudah terintegrasi dalam template Anda, jadi Anda hanya perlu menyediakan gambar dan menyalin kode HTML-nya. Mari kita lihat bagaimana cara menggunakannya.

Kode Demo Images Slideshow

Berikut adalah struktur HTML yang perlu Anda tambahkan ke postingan Anda. Anda bisa menambahkan atau mengurangi jumlah gambar sesuai kebutuhan.

Salin dan Tempel Kode Ini

Images Slideshow

<div class="slideshow-images">
  <div class="image-slide">
    <img src="URL_Gambar_1" alt="Judul Gambar 1" height="480px" width="480px"/>
    <p>Keterangan Gambar 1</p>
  </div>
  <div class="image-slide">
    <img src="URL_Gambar_2" alt="Judul Gambar 2" height="480px" width="480px"/>
    <p>Keterangan Gambar 2</p>
  </div>
  <div class="image-slide">
    <img src="URL_Gambar_3" alt="Judul Gambar 3" height="480px" width="480px"/>
    <p>Keterangan Gambar 3</p>
  </div>
  <div class="image-slide">
    <img src="URL_Gambar_4" alt="Judul Gambar 4" height="480px" width="480px"/>
    <p>Keterangan Gambar 4</p>
  </div>
  <button class="prev" onclick="plusDivs(-1)">Prev</button>
  <button class="next" onclick="plusDivs(1)">Next</button>
</div>