Foros del Web » Creando para Internet » Diseño web »

Imágenes a gran tamaño

Estas en el tema de Imágenes a gran tamaño en el foro de Diseño web en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 27/09/2010, 14:48
 
Fecha de Ingreso: julio-2006
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Imágenes a gran tamaño

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
  #2 (permalink)  
Antiguo 28/09/2010, 04:22
 
Fecha de Ingreso: julio-2006
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Imágenes a gran tamaño

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.
  #3 (permalink)  
Antiguo 29/09/2010, 06:01
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
Respuesta: Imágenes a gran tamaño

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
__________________
· Lo poco que sé, lo he aprendido de AQUÍ ·
· No contesto por M.P. ·
  #4 (permalink)  
Antiguo 29/09/2010, 07:40
 
Fecha de Ingreso: julio-2006
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: Imágenes a gran tamaño

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

Gacias y saludos.
  #5 (permalink)  
Antiguo 30/09/2010, 11:06
Avatar de Nemutagk
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: México
Mensajes: 2.633
Antigüedad: 13 años, 8 meses
Puntos: 406
Respuesta: Imágenes a gran tamaño

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
__________________
Listo?, tendría que tener 60 puntos menos de IQ para considerarme listo!!!
-- Sheldon Cooper
http://twitter.com/nemutagk
PD: No contestaré temas vía mensaje personal =)

Etiquetas: tamaño
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 21:11.