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

Résolu
Eritou Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   -  
Eritou Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   -

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 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 

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 110 Date d'inscription   Statut Membre Dernière intervention   4
 

Bonjour Jordane,

Le mieux serait donc de mettre un loader ?

Merci.

E.

0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 

Je pense oui.

0
Eritou Messages postés 110 Date d'inscription   Statut Membre Dernière intervention   4
 

Merci jordane :)

0