LightBox

La page du projet est ici : LightBox
Attention nécessite le module CGExtensions
Ce module est indépendant et n'a aucune liaison avec le module "Gestionnaire d'images" et necéssite au minimum la Version CMSMS 1.4 "Jamaica".

• Installer d'abord CGExtensions, puis LightBox

Réalisation d'une lightbox pour présenter des images en assombrissant le reste de la page :

• Dans Disposition » Gabarits » Éditer le gabarit : le_gabarit_de_la_page, dans Contenu : en haut (avant "<!DOCTYPE... ") vérifier que la balise {process_pagedata} existe bien, sinon l'ajouter.

• Dans Contenu  » Pages  » Éditer la page: xxx - Onglet : Accueil

à la position souhaitée (exemple pour 3 images)

{LightBox image='/uploads/images/image1.jpg' thumb='uploads/images/thumb_image1.jpg' lang='fr_FR' title="MonImage1"}

{LightBox image='/uploads/images/image2.jpg' thumb='uploads/images/thumb_image2.jpg' lang='fr_FR' title="MonImage2"}

{LightBox image='/uploads/images/image3.jpg' thumb='uploads/images/thumb_image3.jpg' lang='fr_FR' title="MonImage3"}

Si ajout dans la balise de name, {LightBox image='/uploads/images/image3.jpg' thumb='uploads/images/thumb_image3.jpg' lang='fr_FR' title="MonImage3" name="exemple_mesimages"} cela permet d'avoir un défilement 1--->X images

Pour Information : Les thumb_ sont générés automatiquement lors de l'import des images par le menu Contenu  » Gestionnaire d'images.

Nota : thumb='uploads/images/thumb_image1.jpg', peux être remplacé par une image réduite comme par exemple thumb='uploads/images/reduc_image1.jpg'

• Dans Contenu  » Pages  » Éditer la page: xxx - Onglet : Options

Métadonnées spécifiques pour cette page :

{LightBox action='css'}

{LightBox action='js'}

• Bonus

Pour modifier l'affichage éditer le fichier : action.js.php

var overlayOpacity = 0.8; //si 0.4; le fond est moins gris

var animate = true;

var resizeSpeed = 7; //si 17 = vitesse d'affichage du popup

Retour vers Modules

This page in: English - Deutsch - Español - Français - Italiano - Lietuvių - Nederlands - Norsk - Polski - Česky - Русский - Svenska - Tiếng Việt - عربي - 日本語 简体中文

User Handbook/Admin Panel/Extensions/LightBox/fr

From CMSMS