Les transitions entre les pages avec rafraîchissement

Question

Aujourd'hui, je trouve ce site: http://skainteractive.com/agencia/

Quand je change d'une page à une autre, il est un simple changement d'URL, rafraîchir la page. Mais la chose est, ils parviennent à créer un bon effet sur la page que nous regardions avant d'aller à la nouvelle page. J'ai regardé leur code source, mais je n'ai pas pu savoir comment ils l'ont fait. Je sais qu'il y a des façons de le faire, mais j'aimerais savoir comment ils l'ont fait. Parce que ça a l'air très bien.

Voici un autre exemple d'une bonne utilisation de cet effet: http://www.casadacalcada.com/

Comment peuvent-ils faire cela?

Answer 1

Ils ne font pas la transition entre les pages. En fait, vous êtes dans la même page que vous avez atterri.

Ce qu'ils font est:

• Chargement HTML via des requêtes AJAX. Pour le premier site, le code HTML est incorporé dans la réponse JSON, avec d'autres données. Une fois la réponse reçue, ils extraient le code HTML de la réponse et le placent sur la page en cours.

• Ils utilisent le History API pour apparaître comme s'ils déplacent le navigateur entre les pages en changeant l'URL de la page et en modifiant l'historique du navigateur pour faire fonctionner les boutons Précédent et Suivant.

Answer 2

vous pouvez utiliser jquery pour cela, pour montrer une nouvelle div:

$(document).ready( function() { $("#more").click(function() { $("#show").fadeIn("slow"); }); });

où #more est le div (cliquez) où il fait la div #show visible par un fondu Assurez-vous de définir: #show{ display:none; }