Hola a todos,
Estoy intentando programar en javascript la típica galería de imágenes en la que ves las fotos en miniatura y una foto grande justo encima, al pulsar en la miniatura esa misma foto pero más grande(otro archivo en realidad) se carga en la imagen grande y así con todas las miniaturas, es decir algo como lo de
esta web pero en sencillo.
El código que tengo hasta ahora es este:
Código HTML:
<script type="text/javascript">
<!--
function mostrar(){
var ruta = document.im1.src;
document.imagengrande.src = "g" + ruta;
}
</script>
<div>
<img src="imagenes/gim1.gif" alt="imagen 1" name="imagengrande" title="imagen 1" />
<div class="imagenes" style="float:left">
<a href="#" onclick="mostrar();"><img src="imagenes/im1.gif" name="im1" alt="imagen1" /></a>
</div> La idea es que al pulsar en la imagen se active la función mostrar, y la imagen grande cambia por la versión grande "g" + ruta de esa foto, en este caso sería "gdv1.gif", en este momento sería la misma foto que la que ya está pero probandolo con otras imágenes tampoco funciona.
Si alguien puede darme alguna pista para arreglarlo se lo agradecería mucho.