[RÉSOLU] Animation sur une div ne fonctionne pas

Bonjour,

J'ai essayé de faire un petit script pour animer une div à l'ouverture de ma page, malheureusement elle bouge autant qu'un macabé... Est-ce que quelqu'un aurait une idée du pourquoi du comment ?

Voici mon code

$(document).ready(function(){

	$(document).load(function(){
		$("#pad").animate({
			marginTop:'-160px',
			opacity:1
		},500,'easeOutBack');
	)};
	
)};

Je débute en javascript soyez donc indulgent(e)s car je n'ai aucune garantie quant à la pertinence de mon code. Pourriez-vous me dire si au moins ce petit script est bon ?

ma page est ici.

Un grand merci aux participant(e)s
Modifié par Pooley (24 Feb 2012 - 18:27)

2 dernières lignes: }) et non )};
Mettre un $(document).load dans un $(document).ready ça me semble bizarre, non ?

Merci je corrige et je vois si ça marche ... Je recherche la syntaxe qui permet de déclencher la fonction une fois la page chargée. Tu penses que je devrai virer $(document).load(function() ?

J'ai modifié le code de la sorte, je pense qu'il est correcte, mais ça n'a pas l'air de vouloir fonctionner... Je sais vraiment pas pourquoi.

$(document).ready(function(){

	$('#page').hide();

});


[b]$(window).load(function(){[/b]
	
	$('#page').fadeIn('slow');
	
	[b]$("#pad").animate({
		marginTop:'-160px',
		opacity:1
	},500,'swing');
	
});[/b]

Modifié par Pooley (24 Feb 2012 - 01:15)

Bon cool ça marche merci ! (j'ai eu un éclair de génie et j'ai vidé le cache de mon navigateur )
ça c'était la première étape de mon but final. La seconde étape est une simulation d'un hover successif sur les <a> de mon pad.
Dois-je créer un autre sujet ou étoffer celui-ci ? bon je vais regarder si il en existe un avec ce sujet déjà traité

Merci encore à toi !

Longue vie et prospérité
Modifié par Pooley (24 Feb 2012 - 01:20)