



Description
Ce plugin permet d'insérer une image réduite dans un article avec une vue popup.
Des extensions, comme Mavik Thumbnails, seraient parfaites si il n'y avait pas obligation d'indiquer la taille de l'image en pixels. Cela est incompatible avec une mise en page responsive où les images occupent X% de la largeur d'un conteneur dont la largeur est également définie à coup de pourcentage.
Je préfère créer mes vignettes manuellement, car cela me permet d'optimiser son poids et de ne pas avoir exactement la même vue.
LM-Zoom dispose des fonctionnalités suivantes:
- il gère le responsive, la taille de l'image est définie en pourcentage pour s'adapter au template comme Bootstrap
- il prend en compte toutes les images ou uniquement celles de classe(s) spécifique(s).
- il permet d'utiliser ses propres images vignettes
- il gère automatiquement la création d'une galerie
- il facilite l'insertion d'images par les rédacteurs
- il reprend les infos de la balise 'alt' pour la légende du popup
L'affichage des images de cet article est géré par le plugin LMZoom
Utilisation
Utilisation avec JCE
Pour le rédacteur, il suffit de
- choisir l'image qui sera affichée dans la lightbox.
- indiquer la description pour la balise <alt> et le titre de la lightbox
- indiquer la taille relative de la vignette. En général, la largeur suffit.
- dans l'onglet "Avancé", indiquer la classe pour prise en charge
Pour les inconditionnels de la saisie en HTML, il permet également de gagner du temps. Le code se résume à ceci:
<img
src="images/image.jpg"
class="zoom"
alt="légende image"
height="NaN" width="100%"
>
Configuration - Paramètrage
L'installation du plugin se fait de la manière habituelle sous Joomla!
Le paramètrage consiste à activer le plugin.
Si les réglages par défaut ne vous conviennent pas, vous pouvez définir :
- Type de popup. FancyBox par défaut ou Slimbox2.
- La méthodes de prise en charge des images: toutes les images, uniquement celle d'une classe donnée ou toutes sauf celles d'une classe.
- Le nom de la classe ou des classes ciblées par le paramètre précédent
- Le suffixe pour les vignettes. Si le nom de l'image se termine par ce suffixe, le plugin va considérer qu'il s'agit de l'image vignette et que l'image affichée dans le popup a le même nom sans ce suffixe

Pour FancyBox, il est possible de définir:
- la taille en pixel de la marge autour de l'image
- l'emplacement de la légende
Si besoin vous pouvez forcer le chargement de jQuery
Démonstration
Toutes les photos de ce site qui au survol de la souris affiche cette petite loupe utilisent ce plugin.
Dans les cartons ...
- Proposer d'autres types de lightbox
- Gestion optionnelle des galeries
Téléchargement
Autres articles
- LMZoom ~ documentation créé le jeudi 14 mai 2015 par Lomart
- LM-Zoom ~ mémento rédacteur créé le jeudi 14 mai 2015 par Lomart
- LMZoom ~ comparatif lightbox créé le samedi 8 juillet 2017 par Lomart
- LM-Zoom ~ version 2.0 créé le samedi 8 juillet 2017 par Lomart
Support
Pour partager vos questions et suggestions, c'est sur le forum LM-Zoom