Bonjour à tous!
Voilà, j'ai un petit problème.. je fait un site web qui fait des changements de page en ajax pour que ce soit tout sweet pour les yeux..! Donc j'ai fait appel à la fonction .load de JQuerry.. tout fonctionne mais il y a un petit truc qui m'énerve..!
En gros, quand l'utilisateur change la page, la page afficher actuellement fait un fadeOut... jusque là c'est bien
J'appelle la fonction qui affiche le nouveau contenu après l’exécution de timer qui est de la même durée que le fadeOut, histoire que le nouveau contenu ne se charge pas durant le fade out...!
Jusque l'à tout marche bien! Sauf que quand la nouvelle page fait un fadeIn, c'est le contenu de l'ancienne page qui affiche puis PAF elle change au nouveau en un seul coup... bref c'est laid.
en faite ce problème arrive seulement avec des page un peu plus lourde disons...! On dirait qu'il a de la difficulté à loader le tout..! Pourtant quand j'utilise le .load() je fais bien load(url,afficherNouveauContenu()) , et le deuxième argument est supposément actionner la fonction afficherNouveauContenu lorsque le tout a finit de loader non?
Enfin, bref, voici mon code..!
function changerPage(url){
$("#conteneur").fadeOut(500);
setTimeout(function(){$('#conteneur').load(url,afficherNouveauContenu()); return false;},500);
}
function afficherNouveauContenu(){
$("#conteneur").fadeIn(800); //ensuite on fait apparaitre nouveau contenu
}
Voilà, j'ai un petit problème.. je fait un site web qui fait des changements de page en ajax pour que ce soit tout sweet pour les yeux..! Donc j'ai fait appel à la fonction .load de JQuerry.. tout fonctionne mais il y a un petit truc qui m'énerve..!
En gros, quand l'utilisateur change la page, la page afficher actuellement fait un fadeOut... jusque là c'est bien
J'appelle la fonction qui affiche le nouveau contenu après l’exécution de timer qui est de la même durée que le fadeOut, histoire que le nouveau contenu ne se charge pas durant le fade out...!
Jusque l'à tout marche bien! Sauf que quand la nouvelle page fait un fadeIn, c'est le contenu de l'ancienne page qui affiche puis PAF elle change au nouveau en un seul coup... bref c'est laid.
en faite ce problème arrive seulement avec des page un peu plus lourde disons...! On dirait qu'il a de la difficulté à loader le tout..! Pourtant quand j'utilise le .load() je fais bien load(url,afficherNouveauContenu()) , et le deuxième argument est supposément actionner la fonction afficherNouveauContenu lorsque le tout a finit de loader non?
Enfin, bref, voici mon code..!
function changerPage(url){
$("#conteneur").fadeOut(500);
setTimeout(function(){$('#conteneur').load(url,afficherNouveauContenu()); return false;},500);
}
function afficherNouveauContenu(){
$("#conteneur").fadeIn(800); //ensuite on fait apparaitre nouveau contenu
}