J'utilise load et des effets de fading, mais l'affichage est saccadé

Version imprimable

19/04/2010, 13h23
guillaume40

J'utilise load et des effets de fading, mais l'affichage est saccadé

Bonjour,
Je suis novice dans l'utilisation de jQuery.
Sur un site j'ai mis en place une navigation ajax.
Pour cela j'utilise la fonction load() et pour les effets j'utilise un fadeOut et fadeIn.

Cependant quand je clique sur les différents liens je trouve que l'affichage est plutôt saccadé.

Vous pouvez voir le rendu ici : http://patisserie.guillaumedesbieys.com/

Est-ce normal ? Ou j'ai mal utilisé les fonctions ?
Merci d'avance

Bonsoir.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<script>
 
	/*
	 * Trois erreurs à l'ouverture du site :
	 * 
	 * GUnload is not defined
	 * initialize is not defined
	 *
	 * Erreur CSS sur float
	 */
 
	function afficher(page){
		$('div.contenu').fadeOut(500, function(){
			$(this).load(page, function(){
				$(this).fadeIn(1000);
			});
 
		});
 
		// attention, il y a un h1.titre
		$('div.titre').fadeOut(500, function(){
			$(this).load(page, function(){
				$(this).fadeIn(1000);
			});
		});
	}
 
	$(function(){
		$("#menu a").click(function(){
			afficher($(this).attr("href"));
			return false;
		});			
	});
</script>

19/04/2010, 21h46
guillaume40

J'ai fait des changements.
Et maintenant j'ai le menu qui se remet lors du chargement.
Du coup j'ai le menu en haut, et le menu qui se recharge dans le #corp alors que je ne demande à charger que #corp.

Ce que je ne comprend pas c'est que j'utilise un load() et en argument je demande de ne charger d'un div ( #corp en l'occurence )
Et avec Firebug quand je clique sur le lien sa recharge toute la page je vois apparaitre dans mon #corp les balises meta et tout...