Postingan lainnya

Gimana cara mengganti Thumbnail gallery menggunakan select option?

Gan tolong bantu saya. Saya d suruh bikin thumbnail gallery menggunakan form select.

Di option yang pertama menampilkan 4 gambar. Option Kedua 16 gambar Option Ketiga 64 gambar

Ada yang bisa bantu saya gan?

jquery javascript

@bantaitompel

23 Kontribusi 15 Poin

Diperbarui 7 tahun yang lalu

3 Jawaban:

maksudnya tampilan thumbnail dalam 1 baris ya? jadi 1 baris bisa 4 thumbnail atau 16 dst? Seperti itu gan? Atau silahkan bisa tunjukan tampilan sekarang terus targetnya apa? Tampilkan juga kode yg telah agan buat sejauh ini.

@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

pakai onchange terus sehabis onchange ambil value nya terus kita cek dengan if else https://api.jquery.com/change/

<select id="thumb">
  <option selected="selected" value="4">4</option>
  <option value="16">16</option>
  <option value="64">64</option>
</select>
<div></div>

<script>
  $( "#thumb" )
    .change(function () {
      var v = $("#thumb option:selected").val();
      if(v === 4){
        console.log("tampilin gambar 4")
      }else if(v === 16){
        console.log("tampilin gambar 16")
      }else if(v === 64){
        console.log("tampilin gambar 64")
      }
    })
  .change();
</script>

@ardyhim

289 Kontribusi 175 Poin

Dipost 7 tahun yang lalu

@onirusama : Saya ga begitu ngerti javascript gan, jadi saya ga bisa nampilin gambarnya. Jadi keetika optionya di klik ada gambar muncul 2x2, 4x4, dan 8x8 gan begitu.

@ardyhim : untuk nampilin gambarnya gmn gan? maaf newbie :'(

@bantaitompel

23 Kontribusi 15 Poin

Dipost 7 tahun yang lalu