hideout-lastation.com
Paradis Pour Les Concepteurs Et Les Développeurs


Diaporama Lightbox en plein écran avec Lightgallery.js

Tout bon blog ou portfolio peut bénéficier d'un diaporama lightbox modal . Cela peut être utile pour présenter des photos connexes ou pour permettre aux visiteurs de parcourir un portefeuille de travaux (design, art, photographie).

Avec lightgallery.js, il vous suffit d' installer la librairie et de la laisser fonctionner . Vous pouvez le configurer avec n'importe quel nombre de photos et chaque diapositive occupe tout l'écran .

Je préfère largement ce plugin à d'autres diaporamas qui ne prennent qu'une partie de l'écran. Avec lightgallery.js, tout le focus va sur le diaporama et la première image visible.

Au bas de chaque diapositive, vous pouvez trouver une petite description avec des liens ou tout autre texte que vous voulez.

Dans le coin supérieur droit, vous verrez une série de boutons pour les fonctionnalités étendues . Dans l'ordre, ils vont comme ceci:

  • Lancer le diaporama
  • Zoom avant / arrière
  • Navigateur plein écran
  • Partage social
  • Téléchargement d'image
  • Fermer le diaporama

Vous pouvez choisir lequel de ces boutons vous voulez afficher en éditant les options lorsque vous appelez le plugin.

En fait, je suis époustouflé par le niveau de détail de la documentation. Il a des détails pour les options et les méthodes de rappel . Mais vous trouverez également des informations sur les attributs de données personnalisés, les variables Sass et même une API plugin pour construire des modules sur lightgallery.

Oh, et ai-je mentionné que c'est complètement mobile-friendly ? Vous pouvez faire glisser des photos dans la galerie avec votre doigt ou même avec une souris.

C'est le choix parfait pour un designer ou un photographe qui veut une méthode brillante pour afficher son portfolio sur son site.

Vous pouvez même intégrer des iframes ou des vidéos de sites tels que YouTube ou Vimeo. C'est vraiment le meilleur plugin de lightbox gallery offrant la meilleure expérience utilisateur possible.

Cette bibliothèque est libre de toutes les dépendances et fonctionne sur JavaScript pur . Mais il joue bien avec les grandes bibliothèques telles que jQuery ou Bootstrap.

Si vous préférez cela en tant que plugin jQuery, un plugin lightgallery.js est porté pour les utilisateurs de jQuery. Vous pouvez voir une démo complète sur la page de démonstration ou consulter le stylo ci-dessous . Et si vous avez besoin du code source, dirigez-vous vers le dépôt GitHub et prenez une copie pour vous.

Stockez et partagez des fichiers en ligne The Geeky Way avec Transfer.sh

Stockez et partagez des fichiers en ligne The Geeky Way avec Transfer.sh

La prévalence des plateformes de partage de fichiers gratuites telles que Dropbox signifie que vous pouvez partager des fichiers depuis n'importe quel ordinateur avec n'importe qui dans le monde. De nouvelles plates-formes de partage arrivent sur le Web chaque année, mais Transfer.sh est plutôt unique.C&

(Conseils techniques et de conception)

Pourquoi votre opinion est importante et pourquoi vous ne devriez pas craindre d'en avoir une

Pourquoi votre opinion est importante et pourquoi vous ne devriez pas craindre d'en avoir une

Nous avons tous des opinions. Certains d'entre nous n'hésitent pas à les partager avec des inconnus sur Internet ou via les réseaux sociaux. Dans certaines circonstances, deux opinions très différentes s'entrechoquent et tout l'enfer se déchaîne. Et cela se produit tous les jours, parfois toutes les heures.Avoir

(Conseils techniques et de conception)