Postingan lainnya
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
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?
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.
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>
@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 :'(