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

 Fancybox

Avec ce module, qui a une certaine similitude avec Lightbox vous pouvez afficher des images avec élégance. Celles-ci sont affichées individuellement en cliquant sur une vignette et doivent être refermées (X en haut à droite). On peut afficher un cadre et un titre qui paraît au-dessous de l'image. (cliquer sur les images (variante 1) ou le texte (variante 3)

Exemple avec variante 1 (3 sans titres, 1 avec titre)

Fancybox

Vers l'exemple Fancybox variante 3  (avec titre)

 


 Fancybox - Instructions d'utilisation 

Afin de pouvoir utiliser Fancybox, pour autant qu'il soit compris dans le Paket dont vous disposez, les point suivants sont à dérouler:
1.) Installation via Menu Express  du module dans votre CMS
2.) Relier Fancybox à 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

Fancybox 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 Fancybox

3 variantes d'utilisation sont possible.
Variante 1: Charger une image et la relier directement dans le gestionnaire d'image au moyen de Fancybox. 
Variante 2: Afficher une miniature et ensuite la relier à une image de grande taille en spécifiant Fancytbox.
Variante 3: En partant d'un texte, le relier à une image de grande taille en spécifiant Fancybox 

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


2.1) Variante 1:

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

 

 




Choisir l'image devant être affichée. La taille doit être correcte car les dimensions seront telles quelles.

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

b.) ou charger ici une nouvelle image.

 

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 Fancybox.

Terminer avec "OK" pour enregistrer les données.
C'est terminé Fancybox se charge de la mise en page du Popup.
 


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 Fancybox.

(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)

Aucune indication supplémentaire n'est a entrer ici.

 

 

 

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

(Celle qui sera affichée dans le popup) 

 

 

 

 

f.) Définir ici le texte affiché lorsque l'on passe avec la souris sur la vignette et qui servira de titre.

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

 

 

 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 Fancybox 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 Fancybox)
 

Continuer comme pour la variante 2

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


 



Bonne réussite avec Fancybox 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