Comunidad de diseño web y desarrollo en internet online

crear banner tipo page flip

Citar            
MensajeEscrito el 16 May 2008 09:29 pm
Hola

Necesito hacer un banner tipo page flip ,
es un banner que algunos sitios web tienen en la esquina derecha superior de su web que simula ser la esquina de una hoja y cuando se posiciona el mouse sobre el banner se anima como si se estuviera cambiando de hoja pero solo hasta un 30 o 40%

alguien puede mencionar un sitio con un ejemplo, o si es posible algun blog donde ofrescan el codigo ? :)

Por paranoio

75 de clabLevel



 

Mexico

firefox
Citar            
MensajeEscrito el 16 May 2008 10:13 pm
te refieres a esto?

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 16 May 2008 11:04 pm
hola rizome

no me refiero a el componente pageFlip, aunque es un efecto similar.

El efecto que busco es como el de pageFLip cuando estas cambiando a otra hoja pero sin quitar la primera completamente y esta hecho completamente con html y javascript

Por paranoio

75 de clabLevel



 

Mexico

firefox
Citar            
MensajeEscrito el 16 May 2008 11:11 pm
Ehm...
Se me ocurre entonces...
- Un div, posicionado con style="position:absolute;top:0px;right:0px" (que se pondrá en la esquina superior-derecha)
- Un onmouseover="javascript:this.src='animación_de_la_esquina.gif';"

¿no es lo que buscas?
A ver si puedes poner un ejemplo...

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 16 May 2008 11:17 pm
si eso es en lo que he estado trabajando,

un div con un evento onClic que aumente el tamaño del div y cuando se vuelva a clickear se colapse el div al tamaño original,
pero las funciones javascript las estoy llamando desde un swf que esta dentro de ese div .
El swf tiene una animacion sencilla de la pagina empezando a abrir y utiliza diseño liquido para poder cambiar la posicion de la animacion cuando el div crece o se colapsa.

Pero aun estoy batallando con la parte de javascript.

Lo que me falta es una funcion que mantenga el div del lado derecho inferior y que colapse/expanda el div

Por paranoio

75 de clabLevel



 

Mexico

firefox
Citar            
MensajeEscrito el 16 May 2008 11:31 pm
solo me falta saber como mantener mi div siempre en la esquina derecha inferior

Por paranoio

75 de clabLevel



 

Mexico

firefox
Citar            
MensajeEscrito el 17 May 2008 02:06 am
Veo demasiado "lioso" la parte en que mezclas con el Flash.
Quizá si pusieras la URL de un ejemplo sin flash...
:oops:

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 17 May 2008 02:17 am

Por Odin

Claber

639 de clabLevel

2 tutoriales

Genero:Masculino   Premio_Secretos

El valle de las hamacas

firefox
Citar            
MensajeEscrito el 17 May 2008 08:38 pm
hola
gracias por su ayuda ,
creo que ya lo tengo terminado
solo me costo la mitad de mi cabello y uñas pero ya ssstaaa

aqui hay un demo : http://masgdl.com/tests/bannerCorner/

Un amigo me dijo que tuvo problemas en verlo , por favor si notan algo extraño avisenme.

Creo que el problema era algo relativo con css y position fixed si alguien sabe como hacer que un div se mantenga en la esquina inferior derecha y que sea compatible con todos los exploradores (IE, firefox, opera) seria una gran ayuda . .

Por paranoio

75 de clabLevel



 

Mexico

firefox
Citar            
MensajeEscrito el 18 May 2008 02:10 am
El efecto no se llama page flip sino page peel y puedes encontrar información y los archivos en este sitio

Por onpress

68 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 18 May 2008 11:31 pm
gracias onpress
pero porque llegaste tan tarde a este post ? :shock:

si alguien esta interesado en mejorar mi codigo envienme un email y les respondere con los documentos fuente.
[email protected]

Por paranoio

75 de clabLevel



 

Mexico

firefox
Citar            
MensajeEscrito el 18 May 2008 11:42 pm
rizome el codigo termino siendo facil de usar con flash,
la idea es crear una funcion javascript que expanda o colapse el tamaño de un div.

Y flash llama a esas funciones cada vez que inicia la animacion.

Por paranoio

75 de clabLevel



 

Mexico

firefox

 

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