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

Menu con efecto + Lightbox

Estas en el tema de Menu con efecto + Lightbox en el foro de Diseño web en Foros del Web. Hola gente del foro, pongo esta consulta en general, porque no se realmente dónde debería ir. Les grafico mi problemita. Estoy armando un slidebar de ...
  #1 (permalink)  
Antiguo 30/05/2011, 09:58
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 14 años, 6 meses
Puntos: 34
Menu con efecto + Lightbox

Hola gente del foro, pongo esta consulta en general, porque no se realmente dónde debería ir.

Les grafico mi problemita.

Estoy armando un slidebar de imágenes que al pasar el mouse sobre estas, las mismas se agrandan un poquito.



Lo que no logro es que funcione este efecto y además activar un Lightbox para cuando uno clickea en la imagen. Uno me desactiva al otro.

¿Saben de algún código que me ayude a lograr esto?

Gracias.
__________________
elGastronomo
  #2 (permalink)  
Antiguo 31/05/2011, 09:37
Avatar de JMS
JMS
 
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruz
Mensajes: 790
Antigüedad: 10 años, 4 meses
Puntos: 44
Respuesta: Menu con efecto + Lightbox

Vamos a ver si esto te funciona

Solo lo puedes ahcer editando tu CSS y pon esto:

Código HTML:
#containerEx2 {
clear: both;
width: 150px;
margin: 0 auto;
min-height: 120px;
}
#ex2 img{
height: 120px;
width: 150px;
margin: 15px 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
} #ex2 img:hover {
height: 130px;
width: 165px;
margin-left: 0px;

}
Eso hará las imágenes más grandes como el efecto "zoom"

A las imágenes tienes que ponerles este "id" y el "class" para que funcione (este ejemplo claro)

Código HTML:
<div id="containerEx2">

<div id="ex2">
<a href="fondo (4).jpg" class="thickbox" title="Ejemplo ThickBox">
<img src="fondo (4)Chica.jpg" width="150" height="120" /></a> <a href="fondo (10).jpg" class="thickbox" title="Ejemplo ThickBox">
<a href="fondo (18).jpg" class="thickbox" title="Ejemplo ThickBox">
<img src="fondo (18)Chica.jpg" width="150" height="120" /></a> </div></div> 
Eso se lo añades a tu página y listo con eso queda, yo lo hice junto con una ventana flotante, le añadi esto en el head:

Código HTML:
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
<link rel="stylesheet" href="thickbox.css" type="text/css" /> 
Y se ve algo asi:

http://www.grupokumiko.com/generales...aFlotante.html

Espero y te sirva, saludos.
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Diseño gráfico, diseño web, Poemas, Juegos.
http://www.grupokumiko.com
  #3 (permalink)  
Antiguo 31/05/2011, 15:10
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 14 años, 6 meses
Puntos: 34
Respuesta: Menu con efecto + Lightbox

Gracias por contestar. Me pondré mañana seguro a probarlo y te comento.

Gracias nuevamente.
__________________
elGastronomo
  #4 (permalink)  
Antiguo 31/05/2011, 15:57
Avatar de JMS
JMS
 
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruz
Mensajes: 790
Antigüedad: 10 años, 4 meses
Puntos: 44
Respuesta: Menu con efecto + Lightbox

Sale vale, me avisas para saber si no tuviste problema alguno
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Diseño gráfico, diseño web, Poemas, Juegos.
http://www.grupokumiko.com
  #5 (permalink)  
Antiguo 09/06/2011, 14:25
 
Fecha de Ingreso: abril-2003
Mensajes: 1.129
Antigüedad: 14 años, 6 meses
Puntos: 34
Respuesta: Menu con efecto + Lightbox

Hola, primero gracias nuevamente por la ayuda. Finalmente pude probarlo, pero el comportamiento de esta ampliación, no es exactamente la que necesito, ya que las imagenes al lado de la que se está ampliando, no permanecen en su lugar, sino que se deplazan a izquierda y derecha o abajo y arriba, y no es lo que busco.

Necesito uno en el que la imagen que se agranda no mueva las del entorno y se agrande por encima de estas.

Gracias igual, lo guardaré como un plan B por si no termino de logra el que busco ;)
__________________
elGastronomo
  #6 (permalink)  
Antiguo 10/06/2011, 09:20
Avatar de JMS
JMS
 
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruz
Mensajes: 790
Antigüedad: 10 años, 4 meses
Puntos: 44
Respuesta: Menu con efecto + Lightbox

Unicamente lo tiene que poner como float para que no mueva las otras imágenes
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Diseño gráfico, diseño web, Poemas, Juegos.
http://www.grupokumiko.com
  #7 (permalink)  
Antiguo 11/06/2011, 17:13
Avatar de Mosiah16  
Fecha de Ingreso: abril-2010
Ubicación: Antofagasta
Mensajes: 70
Antigüedad: 7 años, 6 meses
Puntos: 1
Respuesta: Menu con efecto + Lightbox

Gracias por el aporte... :D lo ocupare en mi web!
  #8 (permalink)  
Antiguo 13/06/2011, 09:03
Avatar de JMS
JMS
 
Fecha de Ingreso: junio-2007
Ubicación: Mexico, veracruz
Mensajes: 790
Antigüedad: 10 años, 4 meses
Puntos: 44
Respuesta: Menu con efecto + Lightbox

Cita:
Iniciado por Mosiah16 Ver Mensaje
Gracias por el aporte... :D lo ocupare en mi web!
excelente
__________________
L.I.A. Josué Marín Saldaña
Grupo kumiko - Diseño gráfico, diseño web, Poemas, Juegos.
http://www.grupokumiko.com

Etiquetas: efecto, lightbox
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

SíEste tema le ha gustado a 2 personas




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