Menu con efecto + Lightbox

[American2010]

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.

[JMS]

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.

[American2010]

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

Gracias nuevamente.

[JMS]

Sale vale, me avisas para saber si no tuviste problema alguno

[American2010]

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 ;)

[JMS]

Unicamente lo tiene que poner como float para que no mueva las otras imágenes

[Mosiah16]

Gracias por el aporte... :D lo ocupare en mi web!

[JMS]

Iniciado por Mosiah16

Gracias por el aporte... :D lo ocupare en mi web!

excelente