El código lo pones en la página donde tengas la galería (o en todas las páginas donde tengas una galería, si es que tienes más). También podrías hacerlo desde un archivo .js, pero eso es otro cantar.
Bueno, pués con el código ya en la página, entre <head> y </head>, lo único que tienes que hacer es poner las imágenes pequeñas (thumbnails) como harías normalmente:
Código:
<img src="Joseba1_small.jpg" border="2" width="75" height="111">
Pués ahora lo que debes hacer es poner el enlace:
Código:
<a href="javascript:afoto('../fotos/Joseba1.jpg');return false"><img src="Joseba1_small.jpg" border="2" width="75" height="111"></a>
Cuando pinches en
Joseba_small.jpg se ejecutará la función
afoto que abrirá una ventana con
Joseba1.jpg.
Espero que lo entiendas; y las gracias dáselas a tunait, que es la rtífice de todo esto...
P.D.: ¡hola tunait!
P.D. 2: ¡hola tunait! Perdona que me adelante, pero es mi instinto posteador...
P.D. 3: ¡hola tunait! El mérito es tuyo de todas formas, y eso lo sabemos todos...
P.D. 4: ¡hola tunait! ¡Eres la mejó! :)