*
Logo
blockHeaderEditIcon
Worldsoft Logo
Login
blockHeaderEditIcon
Menu
blockHeaderEditIcon
Version optimisée pour imprimer

 Lightbox

Avec ce module, vous pouvez afficher des images avec élégance. Celles-ci sont affichées avec un clic sur une vignette ou un texte. Lorsque plusieurs images compose la page, elles peuvent être feuilletées (Avant Arrière) par un clic sur le voyant qui parait à mi-hauteur sur les côtés (sur mouvement de la souris). On peut aussi afficher un titre, et une numérotation qui indique quelle image est affichée et le total disponible. La fermeture s'effectue par un clic sur (Close X).
Ici un exemple de Lightbox Variante 1(cliquer sur une image ou sur le texte en dessous Vers l'image variante 3):

 

Vers l'image variante 3


   Lightbox - Instructions d'utilisation

Afin de pouvoir utiliser Lightbox, pour autant qu'il soit compris dans le Paquet dont vous disposez, les point suivants sont à dérouler:

1.) Installation via Menu Express  du module dans votre CMS
2.) Relier Lightbox à l'application désirée.
2.1) Variante 1.
2.2) Variante 2.
2.3) Variante 3.


1. Installation du module CMS

1.1. Accès par le Menu Express

 Lightbox est disponible sur le Menu Express. Se logger Administrateur si ce n'est déjà fait.
Au besoin pour des instructions sur le Menu Express voir cette page.

Un fois loggé comme Administrateur, la barre de menu Express parait au bas de l'écran  
 

La page de menu express s'ouvre

Cliquer sur le module désiré 


2.)  Utilisation de Lightbox

Avec Lightbox il est possible d'afficher des images avec 3 variantes d'utilisation.
Variante 1: Charger une image et la relier directement dans le gestionnaire d'image au moyen de Lightbox.
Variante 2: Afficher une miniature et ensuite la relier à une image de grande taille en spécifiant Lightbox.
Variante 3: En partant d'un texte, le relier à une image de grande taille en spécifiant Lightbox 

La variante 3 est moins connue mais néanmoins peut se révéler utile dans certains cas


2.1) Variante 1:
2.1.1) Ouvrir l'Editeur:

Ouvrir l'Editeur (Sur une page de contenu ou dans un bloc)
et cliquer sur le symbole Insérer/modifier l'image.

 

 


 2.1.2) Choix de l'image:


a.) Choisir une image déjà existante dans le gestionnaire d'image.

b.) ou charger une nouvelle image avec Lightbox.

 

c.) Définir la taille de l'image (Attention: il s'agit ici de la taille de la vignette.)

d.) Décider ici si la vignette doit avoir un cadre et la distance séparant l'image du texte
(pour autant qu'un texte soit fourni).

e.) Ici définir l'alignement des vignettes.

f.) Enfin choisir le Plugin. Dans notre cas Lightbox.

 

Terminer avec "OK" pour enregistrer les données. 


2.2) Variante 2:
2.2.1) Ouvrir l'Editeur:

Ouvrir l'Editeur (Sur une page de contenu ou dans un bloc)
et cliquer sur le symbole Insérer/modifier l'image.

 

 


2.2.2) Choix de l'image de départ:



a.) Choisir une image déjà existante dans le gestionnaire d'image.
b.) ou charger une nouvelle image avec Lightbox.

(Dans cette variante, le choix doit se porter ici sur une petite image (vignette) que l'on reliera ensuite vers une plus grande pour l'affichage)
 



c.) Terminer avec "OK" pour enregistrer les données.
 

 

 

 

 


2.2.3) Définition du lien:   
 

Sélecter l'image qui vient d'être enregistrée et cliquer sur le symbole Link2

 
 


 

d.) Choisir Liens interne (Parcourir les images) 

 

 

 

 

 


 


2.2.4) Choix de l'image cible à agrandir:

 

 

 

e.) Sélecter l'image désirée pour mise en place 

 

 

 

f.) Définir ici le texte affiché lorsque l'on passe avec la souris sur l'image..

g.) Sélecter le Plugin désiré (dans notre cas Lightbox).

 

 

h.) Terminer (sauvegarder) avec clic sur "OK".



 

 


 


Lorsque terminé, en passant avec la souris le texte parait et en cliquant l'image est agrandie avec Lightbox dans sa taille originale.


2.3) Variante 3:
2.3.1) Ouvrir l'Editeur:

Ouvrir l'Editeur (Sur une page de contenu ou dans un bloc)  

2.3.2) Insertion d'un texte de départ:

Insérer un texte servant de départ (en cliquant sur ce texte on affichera une image avec Lightbox 

Continuer comme pour la variante 2

2.2.3) Définition du lien:
2.2.4) Choix de l'image cible à agrandir:


Remarque: Lorsque Lightbox est invoqué sur une page, toutes les images de cette page sont disponibles pour une forme de diaporama. En partant de n'importe quelle image on pourra feuilleter (Avant-Arrière) la totalité des images de cette page en partant de n'importe laquelle, et indifféremment de la variante utilisée (voir exemple en début) 



Bonne réussite avec Lightbox de Worldsoft-CMS!


 

CG
blockHeaderEditIcon

Consultation GRATUITE pour vos projets Internet

Consultation GRATUITE

Nos Webmasters prennent tout en charge, de la consultation GRATUITE jusqu'à la conception de votre site Web professionnel, réalisé selon vos désirs et besoins personnels.

Demandez une consultation gratuite
Agence régionale
blockHeaderEditIcon

Agences régionales

Agences régionales

Un de nos conseillers régionaux se fera un plaisir de vous montrer comment vous pouvez générer plus de revenus et de bénéfices sur Internet. Rendez-vous pour une consultation GRATUITE:

Liste des agences regionales
Pseudo :
User-Login
Votre E-mail