Evitar el uso de onCLick

[Alexis88]

Tendrías que:

1. Por cuestiones de conflicto con elementos semejantes cuya funcionalidad no se encuentre comprendida por lo que tienes en mente, sería recomendable que asignes una misma clase o pseudoatributo a los enlaces en cuestión o bien que los agrupes dentro de un elemento de bloque.

2. Al tener lo anterior, puedes delegar el evento click ya sea al contenedor de los enlaces o al documento y tomar al elemento pulsado a partir del objeto del evento.

3. Dentro del bloque de instrucciones, cancelas el comportamiento natural del enlace (redirigir), tomarías el valor del atributo href y lo pasarías como argumento en la llamada a la función changeImage().

Por ejemplo:

Código HTML:

<section id="enlaces">
    <a href="Image1.jpg">Click me</a>
    <a href="Image2.jpg">Click me too</a> 
</section>
 

Código Javascript:

document.querySelector("#enlaces").addEventListener("click", function(event){ //Al "clickear" dentro del contenedor
    if (event.target.tagName == "A"){ //Si el elemento "clickeado" es un enlace
        event.preventDefault(); //Cancelar el evento
        changeImage(event.target.href); //Y llamas a la función pasándole el valor del atributo "href"
    }
}, false);