Foros del Web » Programando para Internet » Javascript »

Galeria fotos

Estas en el tema de Galeria fotos en el foro de Javascript en Foros del Web. Saludos, tengo 4 imagenes pekeñas y una grande dentro de la misma pagina. Kisiera k al clicar sobre las imagenes pekeñas se abriera en la ...
  #1 (permalink)  
Antiguo 18/03/2008, 15:49
 
Fecha de Ingreso: diciembre-2004
Mensajes: 33
Antigüedad: 19 años, 4 meses
Puntos: 0
Galeria fotos

Saludos,

tengo 4 imagenes pekeñas y una grande dentro de la misma pagina. Kisiera k al clicar sobre las imagenes pekeñas se abriera en la ventana grande. He hecho dos carpetas con las imagenes pekeñas en una y las grandes en la otra pero estoy teniendo muchos problemas para insertar el codigo. Soy muy inexperto en javascript.

Buscando por el foro encontre un forero k ponia el codigo y un ejemplo:
Ejemplo: www.teamljubetic.cl/silverado.php

El codigo k exponia era el siguiente:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body,td,th {
color: #000000;
}
-->
</style>
</head>
<body>
<H1 align="center">&nbsp; </H1>
</body>
</html>
<div ID="divImagen">
<a href="imagenes/Marquesina.jpg" rel="lightbox"><img name="miImagen" src="imagenes/Marquesina.jpg"></a>
</div>
<a href="javascript:CambiarImagen ('divImagen','miImagen','imagen1')" class="Estilo1"><img src="prev/Silverado001.jpg"></a>
<a href="javascript:CambiarImagen ('divImagen','miImagen','imagen2')" class="Estilo1"><img src="prev/Silverado002.jpg"></a>
<a href="javascript:CambiarImagen ('divImagen','miImagen','imagen3')" class="Estilo1"><img src="prev/Silverado003.jpg"></a>
<a href="javascript:CambiarImagen ('divImagen','miImagen','imagen4')" class="Estilo1"><img src="prev/Silverado004.jpg"></a>


<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 ('imagen1','imagenes/Silvarado001.jpg')
PreCarga ('imagen2','imagenes/Silvarado002.jpg')
PreCarga ('imagen3','imagenes/Silvarado003.jpg')
PreCarga ('imagen4','imagenes/Silvarado004.jpg')
</script>




No se muy bien como interpretar el codigo y aparte la extension de la web del ejemplo es php y yo kiero k sea un html normal pues ya la tengo diseñada así. No se si sera posible realizar esto.

Bueno, gracias de antemano, ojala podais ayudarme.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:23.