Classes et plugins
✅ ❗ 🛠️ 💡
4 - Les classes intégrées
✅4.1 Lity : au clic ouverture dans la lightbox Lity
4.1.1 Redirection vers un autre site
4.1.2 Lecture audio mp3
4.1.3 Lecture vidéo mp4
4.1.4 Fichier PDF
4.1.5 Image
4.1.6 Image affichée : cliquer sur l'image
✅4.2 SimpleLightbox : au clic ouverture dans la lightbox SimpleLightbox
4.2.1 Images individuelles dans une page ajoutées à SimpleLightbox
4.2.2 Albums créés en utilisant SimpleLightbox
Code de l'album généré automatiquement avec le script simplelightbox_gencode_album.php :
L'image de la vignette étant beaucoup trop grande sa taille a été modifiée en faisant clic droit sur l'image puis Image dans le menu, et au niveau des Dimension indiquer une largeur, ici 250, en cochant Conserver les dimensions, puis valider en cliquant sur Ok.
✅4.3 Image-map : définir des liens dans une images
Il y a 4 zones clicables dans cet exemple, chacune renvoyant vers un lien que vous définissez : la barre d'icônes en haut, le menu déraoulant ouvert en bas à droite, la petite barre d'icônes en bas, et le bouton "Menu" en bas à gauche.
5 - Les plugins
✅5.1 Swiper
5.1.1 Diaporama d'images
Pour éditer ce slide d'images, basculez l'affichage en mode code source puis remplacez les noms des images par les vôtres en respectant les chemins d'accès.
5.1.2 Défilement de texte comme sur les images dans le diaporama ci-dessus
5.1.3 Défilement de texte
5.2 Bannière défilante
✅ cf défilement des images type bannière en haut de la page
5.3 Labelcss
✅ Survoler l'image
5.4 Unitegallery
✅
5.5 Lightgallery
✅
5.6 Audio et vidéo (html5 et Plyr)
5.6.1 html5 : intégré directement via TinyMCE
mp3
mp4
5.6.2 Plyr
mp4