swisshelico.ch
Benbulben plongeant dans la mer
La vallée de Glencar
Stonehedge

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

Légende

 

4.2.2 Albums créés en utilisant SimpleLightbox

RobotAlbum C'est grand ! Une image d'espace glagla

Liberté guidant le peupleAlbum2 C'est grand ! Une image d'espace glagla

ChâteauAlbum3 C'est grand ! Une image d'espace glagla

LégendeTitre album cliquable Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende Légende

Dernier album crée 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.

Accueil Blog Galeries Contact

 

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.

Le cosmos
Une nébuleuse
GlaGla
Super !
 
 

5.1.2 Défilement de texte comme sur les images dans le diaporama ci-dessus

Vous trouverez ici principalement des paquets pour votre Toutou !
Certainement des idées et, pourquoi pas, un OS... à ronger !
Dans tous les cas soyez les bienvenus et appréciez Puppy Linux.

5.1.3 Défilement de texte

Il n'y a pas de problèmes sans solutions !

N'hésitez pas à vous inscrire sur le Forum.

 

5.2 Banner (complément de swiper)

 

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

Code de l'album généré automatiquement avec le script lightgallery_gencode_album.php

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