HTML img onclick Javascript

¿Cómo puedo hacer que JavaScript abra la imagen actual en una nueva ventana con un 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
Pregunta editada 28º abril 2014 в 3:15
Programación
javascript onclick
28º abril 2014 в 3:04
22 vistas
Solución

aquí tienes.

Comentarios (1)

Esto podría funcionar para ti...

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

Por favor, cuide también la accesibilidad.

No utilices onClick en las imágenes sin definir el Roleo de ARIA.

Los elementos HTML no interactivos y los roles ARIA no interactivos indican contenido y contenedores en la interfaz de usuario. Un elemento no interactivo no admite manejadores de eventos (manejadores del ratón y de las teclas).

El desarrollador y los diseñadores son responsables de proporcionar el comportamiento esperado de un elemento que el rol sugiere que tendría: enfocabilidad y soporte de pulsación de teclas. Más información en WAI-ARIA Authoring Practices Guide - Design Patterns and Widgets.

tldr; así es como debe hacerse:

  ![pic id code](pond1.jpg)
Comentarios (0)