Plugin Compatible Joomla 3.x Responsive Français

Description

LM-ZOOMCe 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

LMZoom - Définir une image avec JCE

 

LMZoom - Spécifier la classe dans JCE

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 :

LMZoom - Paramètres principaux

  • 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
LMZoom - Paramètres FancyBox

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

LMZoom - Paramètres Système

Si besoin vous pouvez forcer le chargement de jQuery

Démonstration

loupe 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

Support

Pour partager vos questions et suggestions, c'est sur le forum LM-Zoom

Print Friendly and PDF