Cómo hacer este efecto

[Serenity]

Hola!!

En la pagina de http://www.esmas.com/ hay un banner (lado izquierdo de la page) de la novela fuego en la sangre que cuando pasas el cursor se muestra más grande quedando arriba de la información que tiene la page. Me gustaría saber cómo se hace esto.

Desde ya gracias.

[gVenom]

Esta bonito el efecto, pero no funciona en Firefox, solo si abres la página con explorer

[gVenom]

Es un Mc del tamaño que se ve al dejar el mouse encima, simplemente usa una mascara que se va haciendo grande hacia la derecha y abajo con una acción de boton como esta:

Código:

on (rollOver)
{
    gotoAndPlay("entra_layer");
}

on (rollOut)
{
    gotoAndPlay("sale_layer");
}

on (release)
{
    getURL("http://www.fuegoenlasangre.tv", "_blank");
}

La capa del boton tiene que ser la mascara.

Suerte

[websmonerris]

En mi opinion creo que se trata de una mezcla de flash y AJAX (por lo de que no va en Firefox...) el Flash no tiene nada del otro mundo, sólo sale el efecto de las letras saliendo....

No lo se... no estoy seguro

[Serenity]

Gracias por responder!!,

gVenom pero cuando se integra el swf al código html indicas el tamaño en píxeles de tu swf y cómo le haces para que solo te ocupe el tamaño pequeño del banner y luego el tamaño de tu swf se muestre más grande.

Si me explico??

[gVenom]

Iniciado por Serenity

Gracias por responder!!,

gVenom pero cuando se integra el swf al código html indicas el tamaño en píxeles de tu swf y cómo le haces para que solo te ocupe el tamaño pequeño del banner y luego el tamaño de tu swf se muestre más grande.

Si me explico??

Eso se hace en CSS, ahi te dejo para que vallas a ver:

http://www.cssplay.co.uk/opacity/fadein

[websmonerris]

Lo vuelvo a comentar esos efectos se consiguen mediante AJAX (java Script + CSS) sin recarga de la pagina...

[gVenom]

Iniciado por websmonerris

Lo vuelvo a comentar esos efectos se consiguen mediante AJAX (java Script + CSS) sin recarga de la pagina...

Si propones hacer el efecto con Ajax, al menos podrías facilitar un lugar donde se pueda ver el efecto o un tutorial de como hacerlo. El fin de las respuestas es abrir la posible solución al problema que plantean.

Sin el fin de ofender ni faltarle al respeto a nadie.

[websmonerris]

gVenom, no te preocupes no me ha molestado XD... el no decir nada sobre ello es porque no estoy seguro pero esos efectos de cambiar el tamaño del div o de los pixeles se realiza a base javaScript y CSS... y aparte mis conocimientos sobre ajax no son muy amplios que digamos por eso no me "mojo" jejejeje Ejemplo encontrado en google:

http://www.sectorweb.net/2007/05/15/menu-hecho-con-imagenes-ajax/

Dirigite al resultado hay dos ejemplos!

[gVenom]

Iniciado por websmonerris

gVenom, no te preocupes no me ha molestado XD... el no decir nada sobre ello es porque no estoy seguro pero esos efectos de cambiar el tamaño del div o de los pixeles se realiza a base javaScript y CSS... y aparte mis conocimientos sobre ajax no son muy amplios que digamos por eso no me "mojo" jejejeje Ejemplo encontrado en google:

http://www.sectorweb.net/2007/05/15/...imagenes-ajax/

Dirigite al resultado hay dos ejemplos!

Me alegra que lo tomes así, yo tampoco soy un Master del CSS o algo si, así como tu solo pongo un lugar donde esta como hacer el efecto.

Suerte

[danonino2003]

Iniciado por websmonerris

gVenom, no te preocupes no me ha molestado XD... el no decir nada sobre ello es porque no estoy seguro pero esos efectos de cambiar el tamaño del div o de los pixeles se realiza a base javaScript y CSS... y aparte mis conocimientos sobre ajax no son muy amplios que digamos por eso no me "mojo" jejejeje Ejemplo encontrado en google:

http://www.sectorweb.net/2007/05/15/menu-hecho-con-imagenes-ajax/

Dirigite al resultado hay dos ejemplos!

3 comentarios

1)muy buen aporte
2)el ejemplo 1 funcion horriblemente mal, pero el 2 la rompe
3)esto es con la re buena onda y sin buscar ofender, en la foto pareces ginobilli :P