Imágenes a gran tamaño

michelcool · #1 (**permalink**) 27/09/2010, 13:48

Hola, buenas noches, me gustaría saber cómo se puede hacer las galería de esta página que aparece en " CAMPAÑA". Concretamente me refiero a la ampliación de las imágenes para verlas en detalle moviendo el cursor.

http://www.jesuspeiro.com

Gracias y saludos

michelcool · #2 (**permalink**) 28/09/2010, 03:22

Gracias por la respuesta.

He mirado muchas galerías en flash y no he encontrado nada parecido. Mirando el código fuente de la página aparecen varios javascript, creo que va por ahí la cosa y concretamente el de la ampliación podría ser este:

Código HTML:

<script language="JavaScript" type="text/javascript">
function popup(_url,_ventana,_width,_height,_scrollbars)
		{
			window.open(_url,_ventana,"width="+_width+",height="+_height+",toolbar=no,location=no,status=no,menubar=no,scrollbars="+_scrollbars+",resizable=no");
		}
</script>

Lo que pasa es que controlo poco Java. Se agradecería algún experto que nos oriente.

Gracias y saludos.

seoista · #3 (**permalink**) 29/09/2010, 05:01

Hola michelcool, ¿puede ser esto lo que quieres?:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Ampliador de imagen - Recursos CSS - araudi.net</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
#contenedor {
position: relative;
}

.miniatura {
z-index: 0;
text-decoration: none;
}

.miniatura span {
padding: 160px;
position: absolute;
text-decoration: none;
visibility: hidden;
border: 0;
}

.miniatura:hover span {
visibility: visible;
top: 0;
left: 0;
}

.miniatura img {border: 0;}

.miniatura img.mini {
height: 150px;
width: 200px;
}

.miniatura img.maxi {
height: 400px;
width: 520px;
}
</style>

</head>

<body>

<div id="contenedor">
<a href="#" class="miniatura"><img class="mini" src="tu-imagen.jpg" alt="Alicante" title="Alicante" />
<span><img class="maxi" src="tu-imagen.jpg" alt="" title="" /><br />
Foto nº 1</span></a>

<a href="#" class="miniatura"><img class="mini" src="tu-imagen1.jpg" alt="Ibiza" title="Ibiza" />
<span><img class="maxi" src="tu-imagen1.jpg" alt="" title="" /><br />
Foto nº 2</span></a>

<a href="#" class="miniatura"><img class="mini" src="tu-imagen2.jpg" alt="Alicante" title="Alicante" />
<span><img class="maxi" src="tu-imagen2.jpg" alt="" title="" /><br />
Foto nº 3</span></a>
</div>

</body>
</html>

Espero haberte ayudado.

Saludos

michelcool · #4 (**permalink**) 29/09/2010, 06:40

Gracias, lo estudiaré. De todas formas estoy buscando a ver si encuentro algo en Flash.

Gacias y saludos.

Nemutagk · #5 (**permalink**) 30/09/2010, 10:06

Las galerías no están hechas en javacript están hechas en flash, aunque si lo deseas también se pueden hacer con javascript