Les Établissements de l'acadÉmie de La RÉunion

Réalisez le site web de votre établissement en quelques clics!

Easy FancyBox

Easy FancyBox

Easy FancyBox permet d’afficher les médias dans une fenêtre flottante en avant du contenu (effet d’affichage de type « lightbox »). Après activation, tous les liens vers des images JPG, GIF et PNG sont automatiquement ouverts dans cette fenêtre flottante.

Des fonctionnalités et options supplémentaires sont disponibles dans Tableau de bord / Réglages / Médias.

 

 

 

 

Cette extension permet de gagner de la place sur les articles ou pages.

En effet, au lieu d’afficher une image dans sa pleine taille sur une page, il suffit de faire afficher une vignette avec un lien qui pointe sur l’image en taille originale.

Au clic sur la vignette, Easy FancyBox ouvre une fenêtre flottante.

Attention, l’extension est incompatible avec certains modèles de page, comme « Gallery Page » et « Portfolio Page » !

Prend en charge :

  • Tous les types d’images
  • les galeries WordPress
  • les animations Flash au format SWF (mais ne seront pas lisibles sur les tablettes et téléphones qui n’ont souvent pas de lecteur flash…)
  • les liens vers les sites vidéos Youtube, Vimeo et Dailymotion
  • les iFrames
  • les fichiers PDF

Quelques exemples :

Afficher une image dans une fenêtre « ligthbox » à partir d’une miniature 150×150

 

Avec un commentaire éventuel dans texte alternatif                      image-gallerie-5                      image-gallerie-2                     image-gallerie-3

Afficher une galerie wordpress dans une fenêtre « ligthbox » avec effet diaporama (avec commande par flèches ou mollette de la souris)

 

Afficher un fichier PDF dans une fenêtre « ligthbox » à partir d’un lien ou d’un bouton :

(Cliquez sur chaque lien !)

Charte Informatique PDF                      Charte informatique PDF

Afficher une vidéo Youtube dans une fenêtre « ligthbox » à partir d’un lien ou d’un bouton :

Cliquez sur chaque lien !

Voir la vidéo Youtube                             Voir la vidéo Youtube

Afficher une vidéo DailyMotion dans une fenêtre « ligthbox » à partir d’un lien ou d’un bouton :

Cliquez sur chaque lien !

Voir la vidéo DailyMotion                     Voir la vidéo DailyMotion

Afficher un site web dans une fenêtre « ligthbox » à partir d’un lien ou d’un menu :

Site infometice.ac-reunion.fr

 

Configuration d'une image ligthbox et d'une galerie WordPress dans une fenêtre LigthBox

config ligthbox photo

Pour une galerie WordPress :

config ligthboxsite gallerie

 

Configuration d'un PDF ligthbox

config ligthbox PDF

Configuration d'une vidéo ligthbox

Créer un lien sur un texte ou réaliser un bouton ET shortcode :

Texte avec lien

config ligthbox video2

 

Créer un bouton vidéo LigthBox

selectionner bouton

config ligthbox vidéo bouton

 

Configurer un site web dans une ligthBox à partir d'un lien ou d'un menu :

Pour le lien, il suffit de rajouter la class « fancybox-iframe » au lien. Pour cela créez votre lien, puis basculez en mode texte pour ajouter dans le code : class= »fancybox-iframe »

ex : <a class="fancybox-iframe" href="http://infometice.ac-reunion.fr">Site infometice.ac-reunion.fr </a>

Pour un menu, il faut simplement activer le paramètre class dans option d’écran :

config ligthboxsite menu

Vous pouvez ainsi créer des menus dont les liens pointeront sur des sites, des PDFs, des Vidéos Youtube etc… qui s’ouvriront dans une LigthBox.