Loader CSS Bullet
Loader CSS Bullet
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 !
Qu’allez-vous apprendre dans ce cours ?
Plan de cours
Leçon 1
Créer la structure HTML/CSS de la Loading Page
Créer la structure HTML/CSS de la Loading Page
Leçon 2
Ajouter jQuery pour faire disparaître la page lorsque le contenu est chargé
Ajouter jQuery pour faire disparaître la page lorsque le contenu est chargé
Table des matières
Leçon 1Créer la structure HTML/CSS de la Loading Page
08m36
Leçon 2Ajouter jQuery pour faire disparaître la page lorsque le contenu est chargé
15m25
Aperçus
Avis des apprenants