plateforme coopérative de partage d'information 1.9 Version de PLOOPI
PLOOPI est une plateforme web de travail collaboratif (GNU GPLv2) permettant à ses utilisateurs d'échanger et de diffuser des données. Il s'agit d'un logiciel sécurisé, robuste et optimisé dont le code source a été de nombreuses fois audité. PLOOPI se présente également sous la forme d'un framework de développement permettant de faciliter la mise en oeuvre de modules métiers basés sur des fonctionnalités avancées de travail collaboratif.

Documentation

Gallery (Galerie)

Le fonctionnement du fichier gallery.tpl

Le fichier gallery. tpl peux contenir plusieurs boucles tpl (BEGIN nom_boucle / END nom_boucle). Ces noms de boucles sont paramétrés dans l’administration du module gallery. Les différents CSS à incorporer sont eux aussi paramétrables via cette administration (Si plusieurs fichiers, séparer les noms par des virgules).

Balises utilisables dans le template gallery.tpl

Balise Contenu
{TEMPLATE_PATH} Chemin du template
  • nom_boucle : Bloc principal des templates Gallery
Balise Contenu
{nom_boucle.ID_GALLERY} Identifiant de la galerie
{nom_boucle.URL_VIEW} Url de la première image
{nom_boucle.URL_THUMB} Url de la première vignette
{nom_boucle.NAME} Nom du fichier de la première image
{nom_boucle.DESCRIPTION} Description de la première image (indiquée dans la GED
{nom_boucle.THUMB_WIDTH} Longueur de la vignette
{nom_boucle.THUMB_HEIGHT} Hauteur de la vignette
{nom_boucle.THUMB_COLOR} Couleur de la vignette (pour le fond par exemple)
{nom_boucle.VIEW_WIDTH} Longueur de l’image
{nom_boucle.VIEW_HEIGHT} Hauteur de l’image
{nom_boucle.VIEW_COLOR} Couleur de l’image (pour le fond par exemple)
{nom_boucle.NB_COL} Nombre de colonne
{nom_boucle.NB_LINE} Nombre de ligne
{nom_boucle.ID_UNIQ} un ID unique à cette galerie (donné par PHP donc changeante à chaque rafraichissement
{nom_boucle.PAGE_CUT_TOP} Code HTML des boutons de découpage par page
{nom_boucle.PAGE_CUT_BOTTOM} Code HTML des boutons de découpage par page
  • switch_once : Fils de nom_boucle .Ce bloc ne contient aucune information. Il permet d’insèrer du code qui ne sera inclus QU’UNE SEULE FOIS dans le tpl (par exemple un script javascript par fichier JS)
  • line : Fils de nom_boucle
Balise Contenu
{nom_boucle.line.URL_VIEW} Url de la première image de la ligne
{nom_boucle.line.URL_THUMB} Url de la première vignette de la ligne
{nom_boucle.line.NAME} Nom du fichier de la première image de la ligne
{nom_boucle.line.DESCRIPTION} Description de la première image de la ligne (indiquée dans la GED
{nom_boucle.line.THUMB_WIDTH} Longueur des vignettes
{nom_boucle.line.THUMB_HEIGHT} Hauteur des vignettes
{nom_boucle.line.THUMB_COLOR} Couleur des vignettes (pour le fond par exemple)
{nom_boucle.line.VIEW_WIDTH} Longueur des images
{nom_boucle.line.VIEW_HEIGHT} Hauteur des images
{nom_boucle.line.VIEW_COLOR} Couleur des images (pour le fond par exemple)
{nom_boucle.line.NB_COL} Nombre de colonne
{nom_boucle.line.NB_LINE} Nombre de ligne
{nom_boucle.line.ID_UNIQ} un ID unique à cette galerie (donné par PHP donc changeante à chaque rafraichissement
  • nom_boucle.line.col : Fils de line
Balise Contenu
{nom_boucle.line.col.URL_VIEW} Url image
{nom_boucle.line.col.URL_THUMB} Url vignette
{nom_boucle.line.col.NAME} Nom image
{nom_boucle.line.col.DESCRIPTION} Description image (indiquée dans la GED
{nom_boucle.line.col.THUMB_WIDTH} Longueur des vignettes
{nom_boucle.line.col.THUMB_HEIGHT} Hauteur des vignettes
{nom_boucle.line.col.THUMB_COLOR} Couleur des vignettes (pour le fond par exemple)
{nom_boucle.line.col.VIEW_WIDTH} Longueur des images
{nom_boucle.line.col.VIEW_HEIGHT} Hauteur des images
{nom_boucle.line.col.VIEW_COLOR} Couleur des images (pour le fond par exemple)
{nom_boucle.line.col.NB_COL} Nombre de colonne
{nom_boucle.line.col.NB_LINE} Nombre de ligne
{nom_boucle.line.col.ID_UNIQ} un ID unique à cette image (donné par PHP donc changeante à chaque rafraichissement
{nom_boucle.line.col.CPT} Compteur – Attention, cette valeur est une chaine de type 00, 01, 02, 03 (sur 2 caractères avec 0 devant commençant par 00)
{nom_boucle.line.col.NUM_LINE} numéro de la ligne (entier, commence par 1)
{nom_boucle.line.col.NUM_COL} numéro de la colonne (entier, commence par 1)
  • gallery_no_pict : Ce bloc “aucune image à afficher…”
Balise Contenu
{gallery_no_pict.MESS} Message “pas d’image”
  • CAS PARTICULIER DE L’APPEL AU FICHIER XML POUR LES PRESENTATIONS USANT DU PLUGIN DEWSLIDER (Affichage en flash) (exemple galerie 3)

L’url du fichier xml généré dynamiquement est (par exemple) :

1
gallery/dewslider-g{gallery3.ID_GALLERY}-sb1-st1-rs1-t10-atb-abb-trb-s20.xml

Les paramètres sont :

Paramètre Valeur
g{gallery3.ID_GALLERY} Identifiant de la galerie
sb{0/1} Show Buttons (Voir les boutons pause, suivant, précédent…) : 0/1
st{0/1} showtitles (Voir le nom de l’image) : 0/1
rs{0/1} randomstart (démarrer l’animation sur une image aléatoire) : 0/1
t{0<9999} timer (durée d’affichage en seconde) : de 0 à 9999 (Attention la valeur 0 bloque parfois le démarrage de l’affichage)
at{b/t} aligntitles (alignement du titre) : b (bottom) en bas / t (top) en haut
ab{b/t} alignbuttons (alignement des boutons) : b (bottom) en bas / t (top) en haut
tr{f/s/p/o/w/b} transition : f(fade) fondu / s(slide) glissé / p(push) poussé de gauche vers droite / o(pop) poussé de haut vers bas / w(warp) image venant du fond / b(blur) flou
s{0<9999} speed (vitesse de transition en millisecondes) : de 0 à 9999

NB: AUCUN paramètre ne doit manquer ou être erroné. Un contrôle strict est réalisé sur cette URL et elle ne fonctionnerait donc pas.

  • CAS PARTICULIER DE L’APPEL AU FICHIER XML POUR LES PRESENTATIONS USANT DU PLUGIN FLIP (Affichage en flash) (exemple galerie 4)

L’url du fichier xml généré dynamiquement est (par exemple) :

1
gallery/flip-g{gallery4.ID_GALLERY}-lightbox-transp1-friction5-fullscreen0-fieldofview55-margin0-0-20-0-flipm-vertical1-speed180-default_speed45-reset_delay30-amount40-blur2-distance0-alpha50.xml

Les paramètres sont :

Paramètre Valeur
g{gallery4.ID_GALLERY} Identifiant de la galerie
{name/desc/linkself/linkblank/lightbox} Survol/clic de souris name nom de l’image au survol / desc description de l’image au survol / linkself lien ahref dans la même fenêtre / linkblank lien ahref dans une nouvelle fenêtre / lightbox utilisation de l’affichage lightbox
transp{0/1} transp Les images thumb ou view seront des png avec conservation de la transparence : 0/1
friction{1<100} Réglage de la friction lors du changement de vitesse : de 1 à 100
fullscreen{0,1} Autorise ou non la bascule en plein écran : 0/1 (Flash 9.0.28 mini)
fieldofview{1<179} champ de vision : de 1 à 179
margin{-1000<1000}-{-1000<1000}-{-1000<1000}-{-1000<1000} Marges haut-droite-bas-gauche : de -1000 à 1000
flip{a/m/k} Interaction avec a(auto), m(souris), k(clavier) (auto = vitesse régulière pas d’interaction)
vertical{0/1} Rotation sur l’axe vertical : 0/1
speed{-360<360} Vitesse de rotation (degrés/seconde) : de -360 à 360
default_speed{-360<360} Vitesse de rotation par défaut (degrés/seconde) : de -360 à 360
reset_delay{0<600} Durée (en seconde) avant retour à la vitesse par défaut (0 = infini) : de 0 à 600
amount{0<1000} Longueur du reflet : de 0 à 1000
blur{0<100} Floutage : de 0 à 100
distance{-1000<1000} Distance image -> reflet : de -1000 à 1000
alpha{0<100} Transparence : de 0 à 100

NB: AUCUN paramètre ne doit manquer ou être erroné. Un contrôle strict est réalisé sur cette URL et elle ne fonctionnerait donc pas.

  • CAS PARTICULIER DE L’APPEL AU FICHIER XML POUR LES PRESENTATIONS USANT DU PLUGIN CAROUSEL (Affichage en flash) (exemple galerie 4)

L’url du fichier xml généré dynamiquement est (par exemple) :

1
gallery/carousel-g{gallery5.ID_GALLERY}-lightbox-transp1-friction5-fullscreen0-margin0-0-0-0-33-50-rotationm-view_pointm-speed90-default_speed45-default_view_point20-reset_delay30-size50-amount50-blur10-blur_quality3-amount100-blur2-distance0-alpha50.xml

Les paramètres sont :

Paramètre Valeur
g{gallery5.ID_GALLERY} Identifiant de la galerie
{name/desc/linkself/linkblank/lightbox} Survol/clic de souris name nom de l’image au survol / desc description de l’image au survol / linkself lien ahref dans la même fenêtre / linkblank lien ahref dans une nouvelle fenêtre / lightbox utilisation de l’affichage lightbox
transp{0/1} transp Les images thumb ou view seront des png avec conservation de la transparence : 0/1
friction{1<100} Réglage de la friction lors du changement de vitesse : de 1 à 100
fullscreen{0,1} Autorise ou non la bascule en plein écran : 0/1 (Flash 9.0.28 mini)
margin{-1000<1000}-{-1000<1000}-{-1000<1000}-{-1000<1000}-{1<50}-{1<100} Marges haut-droite-bas-gauche-ratio_horizontal()-ratio_vertical() : de -1000 à 1000 / de 1 à 50 / de 1 à 100
rotation{a/m/k} Interaction avec a(auto), m(souris), k(clavier) (auto = vitesse régulière pas d’interaction)
view_point{n/m/k} Modification angle de vue n(non), m(souris), k(clavier)
speed{-360<360} Vitesse de rotation (degrés/seconde) : de -360 à 360
default_speed{-360<360} Vitesse de rotation par défaut (degrés/seconde) : de -360 à 360
default_view_point{0<100} Angle de vue par défaut : de 0 à 100 (%)
reset_delay{0<600} Durée (en seconde) avant retour à la vitesse par défaut (0 = infini) : de 0 à 600
size{0<100} Ratio des images de fond : de 0 à 100 (%)
amount{0<1000} distance avant floutage images arrières flou : de 0 à 100 (%)
blur{0<100} Floutage : de 0 à 100 (%)
blur_quality{1<3} Qualité : 1=basse – 3=haute
amount{0<1000} Longueur du reflet : de 0 à 1000
blur{0<100} Floutage : de 0 à 100
distance{-1000<1000} Distance image -> reflet : de -1000 à 1000
alpha{0<100} Transparence : de 0 à 100

NB: AUCUN paramètre ne doit manquer ou être erroné. Un contrôle strict est réalisé sur cette URL et elle ne fonctionnerait donc pas.

  • CAS PARTICULIER A L’UTILISATION DE LIGHTBOX (ex. galerie 2)

Le Fichier lightbox.js contient les chemins de deux images : loading.gif et closelabel.gif
Il est donc nécessaire de modifier ce fichier en fonction de votre template

fileLoadingImage: ‘./templates/frontoffice/ mon_template /img/lightbox/loading.gif’,
fileBottomNavCloseImage: ‘./templates/frontoffice/ mon_template /img/lightbox/closelabel.gif’,





Retour en haut de la page