LMZoom ~ version1

Écrit par Lomart

Catégorie : LM-Zoom

Publication : 9 novembre 2015

Sommaire

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