Améliorer la galerie z-index avec un preloader

Developpez

Formation

A distance

Prix sur demande

Appeler le centre

--

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Les meilleurs cours en Java

Afficher tout

Afficher tout

Description

  • Typologie

    Formation

  • Méthodologie

    A distance

  • Heures de classe

    2h

  • Dates de début

    Dates au choix

  • Envoi de matériel d'apprentissage

    Oui

Objectifs: Cet article est la traduction de l'article: en Enhancing the z-index Gallery with a preloader. Dans cet article, nous allons améliorer notre galerie d'images détaillée dans l'article précédent. Nous allons ajouter un indicateur de préchargement d'images pour obtenir une meilleure apparence de la galerie. Tout cela en même pas 10 lignes de code !

Les sites et dates disponibles

Lieu

Date de début

A distance

Date de début

Dates au choixInscriptions ouvertes

Questions / Réponses

Ajoutez votre question

Nos conseillers et autres utilisateurs pourront vous répondre

À qui souhaitez-vous addresser votre question?

Saisissez vos coordonnées pour recevoir une réponse

Nous ne publierons que votre nom et votre question

Les Avis

Le programme

  • Introduction
  • Le CSS pour le calque de chargement.
  • Insérer le calque dans le DOM et précharger les images.
  • Conclusion
Introduction
  • Dans notre précédent article, nous avons créé une galerie d'images plutôt sympa.
  • Mais elle est incomplète pour un site en production.
  • Au premier chargement, vous avez pu constater que les images se chargent et s'affichent très lentement.
  • Pour avoir une apparence plus agréable, nous allons précharger toutes les images et afficher un indicateur de préchargement pour montrer aux utilisateurs que les images sont en chargement.
  • Nous allons faire ça avec à peine 10 lignes de code !
  • Vous pouvez voir un exemple ou télécharger l'archive originale.

Catégories liées

Appeler le centre

--

Avez-vous besoin d'un coach de formation?

Il vous aidera à comparer différents cours et à trouver la solution la plus abordable.

Améliorer la galerie z-index avec un preloader

Prix sur demande

Les meilleurs cours en Java

Afficher tout

Afficher tout