Comunidad de diseño web y desarrollo en internet online

Duda con Javascript Thickbox similar a filmin.es

Citar            
MensajeEscrito el 13 Jun 2011 02:06 pm
Muy buenas;

Veréis, tengo una duda a la hora de desarrollar una web.

Al cliente en sí le gusta mucho como presentan en www.filmin.es/catalogo las películas.

Es decir, le gusta el efecto ese de que cuando se pasa el ratón por encima de la imagen se muestra la información.

Viendo un poco el código fuente veo que utiliza thickbox pero no logro que me salga el efecto. En mi caso no sería con contenido dinámico ya que los productos que tengo que incluir apenas cambian.

¿Alguien podría echarme una mano o guiarme brevemente para conseguir ese efecto?

Un saludo y muchas gracias

mnieto

Por mnieto

16 de clabLevel



 

safari
Citar            
MensajeEscrito el 13 Jun 2011 03:14 pm
Thickbox no tiene nada que ver con ese efecto.

El efecto que quieres está en el script catalogo.php (que a pesar de su extensión, es un archivo JS). Básicamente lo que se hace es usar los evento onmouseenter y onmouseleave para cambiar la opacidad (opacity) de dos elementos que están superpuestos, apagando uno y encendiendo el otro. Esto es fácil con JQuery usando el método fadeIn() y fadeOut().

Por DriverOp

Claber

2510 de clabLevel



 

opera

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.