Fade entre les pages

Bonjour à tous !

Je cherche à réaliser un fade sur tout le contenu de mon site lorsqu'on passe d'une page à l'autre.

1. Le contenu disparait dans un fade.
2. Chargement de la nouvelle page.
3. Le contenu apparait dans un fade.

un exemple

Merci pour vos réponses !

bonjour,

en utilisant les méthodes fadeIn() et fadeOut() de jQuery appliquées sur un élément "conteneur" de toute la page ou sur le body (?)
l'évènement "click" des liens renvoyant sur les pages doit être intercepté et neutralisé et à la place tu appelles une fonction qui consisterait en gros à attendre le fadeOut complet de la page en cours avec un callback qui au terme de l'effet renverrait sur le lien demandé. la page suivante devra être servie avec un display: none pour le fameux conteneur (ou le body) et appeler une fonction qui au terme du chargement de tous les éléments la nouvelle page (.load()) lancerait le fadeIn().

bon c'est comme ça vite fait, il existe probablement des façons plus optimisées.
sur le site que tu donnes en exemple on voit qu'il utilise jquery-ui, peut cette librairie contient elle des méthodes toutes prêtes pour ça ? voir la doc.

Tu peux regarder du côté de pjax et de son plugin jQuery peut être, ça pourrait te faciliter la tâche.