Hvordan får jeg JavaScript til å åpne det aktuelle bildet i et nytt FENSTER med en ONCLICK-hendelse?
<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.
Vær også oppmerksom på tilgjengeligheten.
Ikke bruk onClick
på bilder uten å definere ARIA-rollen.
Ikke-interaktive HTML-elementer og ikke-interaktive ARIA-roller angir innhold og beholdere i brukergrensesnittet. Et ikke-interaktivt element støtter ikke hendelseshåndteringer (mus- og tastehåndteringer).
Det er utviklerens og designerens ansvar å sørge for at et element har den forventede oppførselen som rollen tilsier at det skal ha: støtte for fokusering og tastetrykk. Mer informasjon finnes i WAI-ARIA Authoring Practices Guide - Design Patterns and Widgets.
tldr; det er slik det skal gjøres:
<img
src="pond1.jpg"
alt="pic id code"
onClick="window.open(this.src)"
role="button"
tabIndex="0"
/>