Dans ce tuto jQuery, en vidéo nous allons voir ensemble comment créer une Loading Page, qui sera donc une page de préchargement qui sera montrée à l'internaute pendant que le contenu du site se charge en arrière plan.
Au programme de ce tuto loading page avec jQuery :
- Création de la structure HTML et CSS de la page de pré-chargement avec une image .GIF de preloader.
- Mise en place d'un script JS de chargement avec apparition du site en fondu, le site préloadé.
- Mise en place d'un système de pré-chargement alternatif avec un bouton qui apparait en fin de chargement du site.
- Présentation du script de pré-chargement jQuery : jQuery Loader qui permet d'être implémenté directement sur votre site sans mettre les mains dans le code.
Les sources sont livrées avec le tutoriel. Bon cours !
Table des matières de cette formation jQuery (durée : 24m)
-
- Créer la structure HTML/CSS de la Loading Page 00:08:36
- Ajouter jQuery pour faire disparaître la page lorsque le contenu est chargé 00:15:25
- Fichiers sourcestélécharger
- Certificat
Formateur : Adrien Gazaix
-
Bon tuto qui est vraiment fonctionnel !
-
Top tuto, merci !!! Idée de tuto : l'animation avec l'html5
-
C'est vraiment sympa si y a beaucoup de contenu sur la page ! et l'effet et sympa quand on choisit sont propre loader.gif ! Est ce que y a des nouveaux tuto qui arrivent bientôt ?
-
Avec quelle version de logiciel ce tuto est-il compatible ?jQuery
-
Quel est le niveau requis pour suivre ce tuto ?débutant
note moyenne
avis laissés