Bagaimana cara JavaScript membuka gambar saat ini di JENDELA baru dengan event ONCLICK.
<script>
function imgWindow() {
window.open("image") }
</script>
HTML
<img src="pond1.jpg" height="150" size="150" alt="Johnson Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond2.jpg" height="150" size="150" alt="All-green Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
<img src="pond3.jpg" height="150" size="150" alt="Dutch Pond" onclick="image()"> <-- Have JavaScript open this image with onclick.
Harap perhatikan juga aksesibilitasnya.
Jangan gunakan onClick
pada gambar tanpa mendefinisikan ARIA role.
Elemen HTML non-interaktif dan peran ARIA non-interaktif menunjukkan konten dan kontainer dalam antarmuka pengguna. Elemen non-interaktif tidak mendukung event handler (mouse dan key handler).
Pengembang dan desainer bertanggung jawab untuk menyediakan perilaku yang diharapkan dari sebuah elemen yang disarankan oleh peran yang akan dimilikinya: fokus dan dukungan penekanan tombol. Info lebih lanjut lihat WAI-ARIA Authoring Practices Guide - Design Patterns and Widgets.
tldr; beginilah seharusnya dilakukan:
<img
src="pond1.jpg"
alt="pic id code"
onClick="window.open(this.src)"
role="button"
tabIndex="0"
/>