Documentation

Pages visitées : Gallery (Galerie) » Générer des histogrammes » Génération de documents à partir de modèles OpenDocument » Forms (Formulaires) » Fonctions diverses

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

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