Accueil du site > Diaporamas > Le plugin SPIP Galleria 1.1.4

Le plugin SPIP Galleria 1.1.4

lundi 7 juin 2010, par Franck Ruzzin

Galleria est un visualiseur d’image gratuit pour les sites web. Il est écrit en javascript, et utilise jQuery, version 1.4.2 minimum. Le site officiel : http://galleria.aino.se/.

Caractéristiques :
- Mode Lightbox, Classique et Plein écran
- Présence d’un carroussel
- Non obstrusif, toutes les options sont fixées dans le javascript et ne nécessite aucun changement au code HTML
- Préchargement des images en tâche de fond
- Ecrit au format jQuery
- ....

 

Le plugin Galleria ajoute un diaporama Galleria dans un article.

Les images qui constituent le diaporama sont jointes à l’article :
- en tant que documents (pour SPIP 1.9)
- déposées dans le portfolio (SPIP 2)

Il y a 4 moyens d’utiliser le plugin :

Les 2 balises :
- #GALLERIAGALLERY insertion avec portfolio
- #GALLERIA insertion sans portfolio

Les 2 modèles :
- <mod_galleriagalleryxxx> insertion avec portfolio (xxx est l’id de l’article contenant les images à intégrer dans le diaporama)
- <mod_galleriaxxx> insertion sans portfolio (xxx est l’id de l’article contenant les images à intégrer dans le diaporama)

Le plugin Galleria nécessite l’utilisation du plugin CFG, par lequel on peut configurer certains des paramètres de l’affichage :
- Hauteur des vignettes du portfolio
- Largeur des vignettes du portfolio
- Taille de l’image initiale
- Thème à utiliser
- Conserver les éléments source
- Démarrage automatique
- Index de l’image à afficher à l’ouverture
- Créer les vignettes du carrousel
- Afficher le carrousel
- Le carrousel suit l’image active
- Vitesse de déplacement du carrousel
- Pas du déplacement du carrousel
- Couper et centrer les vignettes du carrousel
- Marge entre les vignettes du carrousel et la scène Galleria
- Hauteur des images
- Couper et centrer les images
- Marge entre les images et la scène Galleria
- Facteur d’agrandissement max des photos
- Nombre d’images à précharger
- Mettre les clics dans une file d’attente
- Utiliser le calcul d’images bicubiques
- Type de transition à utiliser
- Durée de la transition
- Afficher le cadre de fond
- Couleur du cadre de fond
- Cacher les vignettes du carrousel automatiquement
- Hauteur des vignettes du carrousel
- Largeur des vignettes du carrousel
- Couleur du texte de la légende
- Couleur du fond de la légende

 

IMPORTANT

Le fonctionnement du plugin nécessite jQuery 1.4.2 minimum.

Surcharger au besoin la version de votre SPIP 2.x en plaçant une version 1.4.2 de jQuery, nommée jquery.js dans le dossier javascript du plugin.

Pour une utilisation avec les versions de SPIP antérieures à 2,
- il faut éditer les fichiers

  • noisettes/memefenetre.html
  • noisettes/memefenetregallery.html
  • noisettes/nouvellefenetre.html
  • noisettes/nouvellefenetregallery.html
  • pleinecran.html

et retirer dans toutes les boucles le critère {vu=non}

- utiliser le plugin jQuery 1.4.2 pour SPIP 1.92x pour remplacer la version par défaut (v1.1.x) par la version 1.4.2.

Documents joints

1 Message

  • Le plugin SPIP Galleria 1.1.4 Le 18 mai 2012 à 16:25 , par ouanou29

    bonjour
    ce pluggin est très bien.
    seul problème il serais bien de rajouter un z-index:999 sur le css du lightbox au .galleria-popup.
    merci encore pour ce plugin ainsi que les autres

    Répondre à ce message

Répondre à cet article