HTML img onclick Javascript

Como posso ter JavaScript para abrir a imagem actual numa nova WINDOW com um evento 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.
Dipak Ingole
Pergunta editada :em
Programação
javascript onclick
28º abril 2014 в 3:04
14 vistas
Solução

aqui está.

Comentários (1)

Isto pode funcionar para si...

<script type="text/javascript">
function image(img) {
    var src = img.src;
    window.open(src);
}
</script>
![Johnson Pond](pond1.jpg)
Comentários (0)

Por favor, tenha cuidado também com a acessibilidade.

Não utilizar onClick em imagens sem definir o **ARIA role***.

Os elementos HTML não-interactivos e os papéis ARIA não-interactivos indicam o conteúdo e os contentores na interface do utilizador. Um elemento não-interactivo não suporta manipuladores de eventos (manipuladores de ratos e teclas).

O criador e os designers são responsáveis por fornecer o comportamento esperado de um elemento que o papel sugere que teria: capacidade de focalização e apoio chave à imprensa. Mais informações ver WAI-ARIA Authoring Practices Guide - Design Patterns and Widgets.

tldr; é assim que deve ser feito:

  ![pic id code](pond1.jpg)
Comentários (0)