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

Résolu/Fermé

Eritou Messages postés 110 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 - 19 févr. 2023 à 10:53
Eritou Messages postés 110 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 - 20 févr. 2023 à 09:58

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:

Lancer une animation javascript dès l'affichage du site
Site de telechargement - Accueil - Outils
Site comme coco - Accueil - Réseaux sociaux
Site pour vendre des objets d'occasion - Guide
Quel site remplace coco - Accueil - Réseaux sociaux
Site pour partager des photos - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38472 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 5 mai 2025 4 744
Modifié le 19 févr. 2023 à 17:40

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)

Réponse 2 / 3

Eritou Messages postés 110 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 4
20 févr. 2023 à 07:29

Bonjour Jordane,

Le mieux serait donc de mettre un loader ?

Merci.

jordane45 Messages postés 38472 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 5 mai 2025 4 744
20 févr. 2023 à 08:16

Je pense oui.

Réponse 3 / 3

Eritou Messages postés 110 Date d'inscription samedi 20 décembre 2014 Statut Membre Dernière intervention 29 septembre 2023 4
20 févr. 2023 à 09:58

Merci jordane :)

Discussions similaires

C'est quoi le site qui remplace coco chat

adele

Coco chat connexion sur mobile, le tchat est fermé ?