Lancer une animation javascript dès l'affichage du site

Résolu
Eritou Messages postés 120 Statut Membre -  
Eritou Messages postés 120 Statut Membre -

Bonjour,

je souhaite lancer une animation dès l'ouverture de mon site. Actuellement le body reste affiché un certain temps avant que l'animation commence.
Je vous donne le code de l'animation.

<script>
$(document).ready(function(){
	$('.logo').hide();
});
$(window).load(function(){
	$('.logo').fadeIn('fast');
	$(".logo").animate({
		marginTop:'0px',
		opacity:1
	},200,'swing');
});
</script>

Merci.


Macintosh / Firefox 110.0

A voir également:

3 réponses

jordane45 Messages postés 40050 Statut Modérateur 4 754
 

Bonjour,

Déjà, savoir ce que fait le code que tu as écrit pourrait t'aider :

$(document).ready(function() {
 // executes when HTML-Document is loaded and DOM is ready
 alert("document is ready");
});


$(window).load(function() {
 // executes when complete page is fully loaded, including all frames, objects and images
 alert("window is loaded");
});

A noter que, de toutes façons, ton animation js ne pourra fonctionner qu'après que tes éléments avec ta class .logo ne soit chargé sur la page. (ainsi que la librairie jquery bien entendu)


1
Eritou Messages postés 120 Statut Membre 4
 

Bonjour Jordane,

Le mieux serait donc de mettre un loader ?

Merci.

E.

0
jordane45 Messages postés 40050 Statut Modérateur 4 754
 

Je pense oui.

0
Eritou Messages postés 120 Statut Membre 4
 

Merci jordane :)

0