Hola:
Necesitaba un script que me cambiara una imagen en un lugar de la web al hacer click en un vinculo. Después de buscar un poco, encontré esta web con un ejemplo que se ajustaba perfectamente a lo que quería:
Web:
Cambiar Imagenes
Ejemplo:
Ejemplo Web
:: Si lee esto el creador, ¡gracias! ::
El caso es que busco algo más, que he intentado lograr por mi mismo, pero me ha resultado imposible (novatillo que es uno). Quiero, que en la misma imagen que va cambiando, al hacer click se haga un open.window o similar para ver la imagen a mayor tamaño en otra ventana.
El código original es este:
Código:
<html>
<head>
<title>Tutorial DHTML - Cambiar Imagenes - Ejemplos(2)</title>
<script language="JavaScript">
function PreCarga (objetoImagen, rutaImagen)
{
if (document.images)
{
eval (objetoImagen +' = new Image()')
eval (objetoImagen +'.src = "' + rutaImagen + '"')
}
}
function CambiarImagen (capa,nombreImagen,objetoImagen)
{
if (document.layers && capa!=null)
eval('document.' + capa + '.document.images["' + nombreImagen + '"].src = ' + objetoImagen + '.src')
else
document.images[nombreImagen].src = eval(objetoImagen + ".src")
}
PreCarga ('Interrogante','../../graficos/interrogante.gif')
PreCarga ('Despertador','../../graficos/despertador.gif')
</SCRIPT>
</HEAD>
<body>
<center> <H2>Cambiar Imágenes</H2> </center>
<a href="JavaScript:CambiarImagen ('divImagen','miImagen','Interrogante')">Cambiar a imagen del Interrogante</a> <br>
<a href="JavaScript:CambiarImagen ('divImagen','miImagen','Despertador')">Cambiar a imagen del Despertador</a>
<div ID="divImagen" style="position:absolute; left:50; top:200; width:75;">
<img name="miImagen" src="../../graficos/interrogante.gif">
</div>
</body>
</html>
Se qué lo que debo modificar es el añadido de un <a href> en el <div> final, pero no se como hacer que este cambie con cada foto, y no sea siempre el mismo. Supongo que se podrán usar las variables de arriba, ¿no?
A ver quien puede ayudarme. ¡Gracias!