Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Kelas Premium!
Belajar Javascript untuk website
Gunakan kupon "mulaijs" untuk diskon 75 ribu!
Cara select sebuah image di hmtl
Saya mau bertanya bagaimana caranya untuk memilih atau select sebuah gambar di html, apakah menggunakan javascript atau apa? Mohon bantuannya.
0
2 Jawaban:
ky gini maksudnya?
<div>
<figure>
<img src="gambar1.jpg">
</figure>
<input type="radio" name="gambar"> Pilihan 1
</div>
<div>
<figure>
<img src="gambar2.jpg">
</figure>
<input type="radio" name="gambar"> Pilihan 2
</div>
<div>
<figure>
<img src="gambar3.jpg">
</figure>
<input type="radio" name="gambar"> Pilihan 3
</div>
0
Jawaban Terpilih
atau begini (di klik gambarnya)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<div id="pilihan">
<div>
<figure>
<img src="gambar1.jpg">
</figure>
</div>
<div>
<figure>
<img src="gambar2.jpg">
</figure>
</div>
<div>
<figure>
<img src="gambar3.jpg">
</figure>
</div>
</div>
<script>
$('#pilihan figure').on('click', function (event) {
$('#pilihan figure').css('border', 'none');
$(event.currentTarget).css('border', 'solid blue 2px');
});
</script>
0