Discussion :

[atjtwooo]

salut tout le monde je suis sur un projet et j'ai envie de lancer une animation juste après la fin d'une autre, comme j'ai déjà vu le paramètre callback de la fonction animate() j'ai vu que c'est ce qu'il me faut, mais je ne sais pas comment l'utiliser , comment dois-je le mettre dans le fonction?

voilà mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#body_1").animate({"top": "-=300px"}, { duration: 2000, queue: true },{callback : exemple()});

la fonction exemple() s'exécute avant l'animation alors que le callback dois être exécuté après .

Merci d'avance!

[danielhagnoul]

Bonsoir.

Exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
		div#body_1 {
			position:absolute;
			top:600px;
			left:300px;
			height:200px;
			width:200px;
			margin:12px;
			padding:6px;
			background-color:#CCCCCC;
			border:1px solid red;
		}

et :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<script type="text/javascript">
	function exemple(){
		$("#body_1").css({
			backgroundColor:"#FFFFCC",
			fontSize:"2em",
			color:"red"
		});
	}
 
	$(document).ready(function(){
		$("#body_1").animate(
			{"top": "-=400px"},
			2000,
			function(){
				exemple();
			}
		);
	});
</script>