Animation changement de page
Bonjour à tous,
Je suis actuellement en remaniement de code que j'ai pondu et j'aimerai faire une animation lors d'un changement/chargement de page.
Mon code jquery charge une page avec la fonction .load et affiche le résultat dans une div.
Voici le code:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
|
$('#button').submit(function() {
$("#backgroundload").css({
"opacity": "0.7"});
$('#backgroundload').fadeIn("slow");
$('#load').fadeIn("slow");
$('#result').load('result.php', {keywords:$('#keywords').val(),searchindex:$('#searchindex').val(),send:$('#send').val()} ,function() {
$('#load').fadeOut("slow");
$('#backgroundload').fadeOut("slow");
});
return false;
}); |
Tout ceci code fonctionne bien.
Mais le changement que je voudrais faire est le suivant:
Au clic j'aimerais arriver sur la fameuse page result.php plutôt que de la charger. Et bien sûr l'animation de "chargement" doit être présent.
Le problème c'est que je ne sais pas à quel moment la lancer:
- au déclenchement de l'évènement puis basculer vers result.php lorsque le résultat est chargé?
ou
- tout de suite arrivé sur la page result.php et charger les informations à charger?
Si l'un d'entre vous peut m'éclairer là-dessus ce serait gentil.
Je vous remercie d'avance !
