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 pour vendre des objets d'occasion - Guide
Site comme coco - Accueil - Réseaux sociaux
Site inaccessible - Guide
Votre envoi est sur le site qui dessert votre adresse. nous préparons sa distribution. ✓ - Forum Consommation & Internet

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38263 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 octobre 2024 4 693
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 38263 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 28 octobre 2024 4 693
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

Nouveau coco tchat ?

adele

[SUJET GROUPÉ] Le site COCO.GG est définitivement fermé.

Chemin Logo du site de la Cité de l'espace

C'est quoi le site qui remplace coco chat