transición animada entre paginas

[cristhianrios426]

Buenas tardes amigos ... estaba revisando http://www.awwwards.com y me tope con esta pagina :[URL="http://www.twenty8twelve.com/"]http://www.twenty8twelve.com/[/URL]. si se dan cuenta la transicion entre paginas es animada. no es un golpe tosco de cambio... alguien me podria decir que tecnica estan usando para hacerla? tengo un pedido especial para una web y creo que esto me serviria o sino otro tipo de efecto equivalente (es mas 'todo- compatiible' que sea posible)


muchas gracias

[maycolalvarez]

CSS3 transitions, no conozco variante para js

[cristhianrios426]

muchas gracias necesitaria otra cosa que no sea css3 por la cuestin de compatibilidad

[pistonasos]

Fijate el framework Jquery, en su proppiedad animate, te va a servir.
Sino, un efecto de opacidad con JS a secas, nada de otro mundo.
Salu2.

[cristhianrios426]

de hecho eso estoy probando pero ahora se me ocurre una pregunta.. es posible mantener el contenido de la pagina origen en pantalla hasta que haya cargado completamente la destino? gracias

[pistonasos]

Mmm...No estoy muy seguro de lo que te voy a responder, pero presupongo que como decís "Hasta que termine de cargar", estás llamando a un php desde AJAX.
Siendo así, podrías usar onreadystatechange() (creo que se llama así), que es una propiedad de AJAX para saber el estado de una petición al servidor. En este caso, corresponde al estado que se dá cuando termina la petición.
Vas a encontrar la respuesta detallada, con cada estado en librosweb - introducción a AJAX. Lamentablemente, no me acuerdo en que parte de éste está...A buscar, je.
Salu2.

[maycolalvarez]

Iniciado por pistonasos

Fijate el framework Jquery, en su proppiedad animate, te va a servir.
Sino, un efecto de opacidad con JS a secas, nada de otro mundo.
Salu2.

Iniciado por cristhianrios426

de hecho eso estoy probando pero ahora se me ocurre una pregunta.. es posible mantener el contenido de la pagina origen en pantalla hasta que haya cargado completamente la destino? gracias

si se utiliza AJAX se puede, pero no es recomendable abusar de ésta técnica porque afecta al SEO

[cristhianrios426]

no realmente no estoy usando ajax, la idea es , precisamente no usar ajax. gracias

[pistonasos]

Hola. Realmente no sabía que afectaba al SEO, ¿tendrás agunos links de información sobre el tema?.
Gracias y Salu2!!

[maycolalvarez]

Iniciado por cristhianrios426

no realmente no estoy usando ajax, la idea es , precisamente no usar ajax. gracias

jquery usa ajax para poder hacer las animaciones, de otra forma tendrás que recurrir a CSS 3

Iniciado por pistonasos

Hola. Realmente no sabía que afectaba al SEO, ¿tendrás agunos links de información sobre el tema?.
Gracias y Salu2!!

Depende de como lo uses, en el segundo ejemplo de este capítulo de la guía de symfony 2, explico la forma de hacerlo evitando en lo posible que afecte el posicionamiento SEO: http://www.maestrosdelweb.com/editor...egrando-jquery