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

Résolu/Fermé

Eritou Messages postés 111 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 111 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 - Guide
Site pour vendre des objets d'occasion - Guide
Site inaccessible - Guide
Telecharger javascript - Télécharger - Langages
Site partage photo - Guide

3 réponses

Réponse 1 / 3

jordane45 Messages postés 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024 4 667
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 111 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 38178 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 mai 2024 4 667
20 févr. 2023 à 08:16

Je pense oui.

Réponse 3 / 3

Eritou Messages postés 111 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

adele

'Votre colis est dans le site de livraison qui dessert votre adresse' que faire

Colis en cours de transport vers votre site de livraison ?

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

alternative à winzip ?

Discussions similaires

Newsletters