Fonction d'animation éxécutée aprés le script [Résolu]

[Mrezechiel]

Bonjour,

J'ai un problème au niveau de jquery.

Je fais un site dans lequel j'affiche dynamiquement les images. A cette fin je fait disparaitre mon image pour en afficher une autre... Malheureusement le script charge d'abord la nouvelle image avant d'activer la disparition de l'ancienne alors que dans le script la disparition intervient d'abord.

J'ai essayé delay mais ça ne marche pas. Il semble que le code passe avant les animations jquery...

Plutot que de longs discours : place au code

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
 
//ancienne image toggle pui supprimer
 
$('#imageMenu').slideToggle('slow');
$('#imageMenu').find('img').remove();
 
 
//ajax
ajaxImg(idDuClick);
 
 
 
/*affichage nouvelle image*/
 
$('#imageMenu').slideToggle('slow');

[Mrezechiel]

J'ai mis la page en ligne pour plus de clarté !

http://www.pbm-et-solutions.fr

Il faut aller dans menu puis decouverte et enfin california.

Voila je seche un peu donc si quelqu'un a une idée...

[danielhagnoul]

Bonsoir

La transaction AJAX est asynchrone, il faut donc placer la gestion de l'image dans la méthode "success". Pour être certain qu'une action est terminée avant d'enchaîner la suivante il faut utiliser la fonction de rappel.

Code :

1
2
3
4
5
6
7
8
9
10
			"success" : function(data){
				$('#imageMenu').slideToggle('slow', function(){
					$( this )
						.find('img')
						.remove()
						.end()
						.append( data.msg )
						.slideToggle('slow');
				});				
			},

[Mrezechiel]

Génial ça marche parfaitement !

Merci