creando pequeña galeria (novato)

[pablo1985]

muchisimas gracias jackson666,eso lo uso para llegar hasta la imagen,pero lo que no se es como hacer que los enlaces hagan cambiar el src de la foto.puede ser algo asi??con la sintaxis correcta claro...

Código Javascript:

document.getElementById('img1'){
  document.getElementById('foto').src='nuevaruta';
 
}
 

Código HTML:

<img id="foto" src="imagen.jpg" alt=""/>
 
      <ul>
 
      <li><a href="#" id="img1">foto1</a></li>
 
      <li><a href="#" id="img2">foto2</a></li>
 
      <li><a href="#" id="img3">foto3</a></li>
 
      </ul>
 

pero como detecto el click en el enlace?