Comunidad de diseño web y desarrollo en internet online

rollover

Citar            
MensajeEscrito el 05 Feb 2010 12:11 pm

Por ed mango

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2010 12:14 pm
El rollover es el que te aparezca un div con el dibujo?

Por Revontulet

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2010 12:17 pm
si, el que te hace zoom a la foto.

Por ed mango

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2010 12:26 pm
Lo tienes que hacer con Dreamweaver, con opciones de comportamiento.

Creas un div donde pondrás la primera foto. Una vez creado, creas otro div pero este con visibilidad Hidden. En este segundo DIV pones la foto más grande, pero como está en Hidden, no se verá. Una vez hecho esto, en el menú de la derecha, "Etiqueta div", verás un símbolo de +. Eso son los comportamientos. Ahi haces clic y se desplegará un menú. Seleccionas "Mostrar u Ocultar capas).
Y te apareceran las 2 capas que has hecho. Seleccionas la capa que está en Hidden (La capa 2), y haces clic en Mostrar.
Verás que en el menú del "+", hay una nueva línea que pone: onClick. Eso lo cambias por "OnMouseOver". Lo que significa que cuando pases el ratón por encima, se verá el DIV con la capa ampliada.
Si quieres que desaparezca, vuelves a hacer lo mismo, pero esta vez en el menú, seleccionando capa 2, pones: OCULTAR:
Te aparecerá una segunda línea en el menú de Etiqueta DIV, en esa línea debes poner: OnMouseOut.
Y ya lo tienes :D ! Espero que te sirva

Por Revontulet

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2010 12:37 pm
voy a probarlo ..gracias Renontulet por tu pronta respuesta

Por ed mango

5 de clabLevel



 

firefox
Citar            
MensajeEscrito el 05 Feb 2010 12:40 pm
Si te pierdes o algo, cuando tenga tiempo haré una guía con imágenes. De nada :)

Por Revontulet

2 de clabLevel



 

firefox
Citar            
MensajeEscrito el 08 Jun 2010 04:15 pm
hola, estoy intentando aplicar ese comportamiento a unas fotos, y no entiendo donde dices que hay que hacer una div Hidden...como se hace eso? la div tiene que estar dentro de la div donde está la imagen pequeña?
gracias y un saludo


Revontulet escribió:

Lo tienes que hacer con Dreamweaver, con opciones de comportamiento.

Creas un div donde pondrás la primera foto. Una vez creado, creas otro div pero este con visibilidad Hidden. En este segundo DIV pones la foto más grande, pero como está en Hidden, no se verá. Una vez hecho esto, en el menú de la derecha, "Etiqueta div", verás un símbolo de +. Eso son los comportamientos. Ahi haces clic y se desplegará un menú. Seleccionas "Mostrar u Ocultar capas).
Y te apareceran las 2 capas que has hecho. Seleccionas la capa que está en Hidden (La capa 2), y haces clic en Mostrar.
Verás que en el menú del "+", hay una nueva línea que pone: onClick. Eso lo cambias por "OnMouseOver". Lo que significa que cuando pases el ratón por encima, se verá el DIV con la capa ampliada.
Si quieres que desaparezca, vuelves a hacer lo mismo, pero esta vez en el menú, seleccionando capa 2, pones: OCULTAR:
Te aparecerá una segunda línea en el menú de Etiqueta DIV, en esa línea debes poner: OnMouseOut.
Y ya lo tienes :D ! Espero que te sirva

Por EleEseDe

0 de clabLevel



 

firefox
Citar            
MensajeEscrito el 18 Sep 2010 02:47 am
Muy bien efecto, se da muy bien para las fotos. ^^

Por CLAnonimo

Claber

600 de clabLevel

5 tutoriales
1 articulo

 

Este es un usuario anónimo genérico para las cuentas borradas o perdidas.

firefox

 

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