| 
Téléchargement
: 
Téléchargez
la galerie ici : http://www.creation3d.org/gfd_v2.zip
Utilisateurs des anciennes versions (GFD 2.3...) : Attention, les fichiers config.php et index.php ont été modifié,
vous pouvez garder la structure de vos galeries et votre fichier ui.xml mais
remplacez les autres fichiers si vous passez à la v. 2.4
GFDConfigurator, créé par jobo83 vous permet de personnaliser facilement l'habillage de votre galerie
sans avoir à toucher vous même le code XML (3 € pour 1 habillage, 4 € pour 2 habillages, 5 € pour 3 habillages)

Participation :
Une licence complète sera offerte au premier utilisateur qui mettra à jour l'uploader.php
(cf. paragraphe "plug-ins")
Le nouvel Uploader devra gèrer :
- les sous-répertoires (nouveau ou existant, comme pour la gestion des répertoires actuels)
- l'upload des fichiers PNG, GIF, SWF et FLV (pas de prévisualisation, de redimensionnement
ni de création de miniatures requis pour ces nouveaux types de fichiers)
- les commentaires (normalement pas de modification à faire sur l'uploader existant )
L'uploader devra être constitué d'un seul fichier, comme actuellement (pour des raisons de simplicité de mise en ligne)
Envoyez votre fichier uploader.php à nicolas@creation3d.org
|

Description : 
Galerie
photo gratuite entièrement dynamique,
Vous
n'avez qu'a mettre vos photos sur votre site, les ranger dans
des répertoires,
et les internautes pourront les visionner directement
EXEMPLES D'UTILISATION DE LA GALERIE :
       
       
     
Vous
n'êtes pas limité : vous pouvez mettre des photos de la taille
et de la forme que vous voudrez,
l'album photo s'adapte , vous pouvez créer le nombre de répertoires
que vous voudrez,
mettre
dedans le nombre de
photos que vous voudrez, la seule limite est celui de votre espace disque
sur votre site.
Pas
de connaissance à avoir : juste un logiciel FTP ou meme
Internet Explorer : du moment que vous
savez
comment accéder à votre espace hebergé pour
votre site perso, et que celui-ci accepte le PHP
(c'est
le cas de quasiment tous les hébergeurs maintenant).
Reportez
vous au mode d'emploi plus bas sur cette page.

Mises à jour
: 
v2.0
:
-
Plus de fichier nombre.php à copier sur le serveur apres la création
d'un
nouveau répertoire
-
Appel d'un fichier XML pour paramétrer la galerie
-
Choix dans le design du menu : couleurs paramétrables, 2 styles
différents
-
La galerie n'affiche pas de menu si celui-ci n'est composé que d'1 élément
-
Choix d'une image de fond ou d'une couleur pour le fond de la galerie
-
Choix dans le design, les couleurs et la présence des encadrements des
images et des miniatures, 2 styles différents
-
Couleurs des, boutons
configurable
-
Choix dans la présence du bouton Agrandir/Enregistrer
-
Choix dans la présence, les couleurs, la vitesse et le contenu
d'un bandeau déroulant
-
Choix dans les couleurs des barres de préchargement des images, 3 styles
différents
-
Choix dans la vitesse d'apparition/disparition des items du menu, des
miniatures et des images agrandies
-
Choix dans la présence, l'opacité, la couleur et le contenu
d'un texte de copyright
v2.1 :
-
Meilleur positionnement du dégradé qui apparait sous l'image
agrandie
-
Choix de l'emplacement du menu, et possibilité de le rendre fixe
ou flottant
-
Choix de la présence, des couleurs et du contenu de commentaires
sur les images
-
Choix de l'emplacement du fichier XML de configuration
-
Choix dans l'opacité du dégradé qui apparait sous
l'image agrandie
v2.2 :
-
Choix de l'emplacement des commentaires et possibilité de les rendre
fixes ou flottant
-
Plusieurs choix de couleurs pour le logo Creation3d
-
Choix des couleurs pour le bouton Agrandir / Enregistrer
v2.3 :
-
Intégration d'un système de comptage et de statistiques des accès à la
galerie (Touche "S")
v2.3d :
-
Possibilité de choisir le répertoire que la galerie affiche au
démarrage par le passage
de
la variable gallerie=nom_du_répertoire ou numéro_du_répertoire à l'appel
du fichier swf
ou dans l'adresse de la page (cf. le nouveau fichier index.php dans le .zip)
-
Possibilité de choisir si les autres répertoires de la galerie
s'affichent ou non par le passage
de
la variable hidemenu=0 ou 1 à l'appel du fichier swf ou dans l'adresse
de la page
(cf. le nouveau fichier index.php dans le .zip)
-
Amélioration du système de comptage et de statistiques :
-
optimisation des transferts d'informations
-
compte unique pour des galeries dont l'URL diffère d'une variable
(suppression
des
informations apres le ? dans le nom du compte statistiques)
-
ajout de plus de détails sur le contenu visité et géolocalisation
des utilisateurs
(nouveau
module de statistiques à venir)
-
Retrait des commentaires apparaissant par défaut sur les images nommées
02.jpg et 03.jpg
les
utilisateurs des versions précédentes peuvent garder leur
ancien fichier ui.xml
et juste supprimer les lignes des balises c_02 et c_03 en fin de fichier
Mise à jour
de l'outil de statistiques et tracking
-
Géolocalisation
des internautes,
-
Suivi détaillé des répertoires vus (à partir
de la galerie v2.3d),
-
Ajout d'informations sur le comportement des utilisateurs,
-
Version imprimable des statistiques
v2.3e/f/g :
-
Débuggages et optimisations internes
Uploader
V.2 : Vous pouvez enregistrer directement vos
commentaires en même temps que
vous
uploadez vos images
v2.3h :
-
Possibilité de choisir votre répertoire de galeries, et l'emplacement
de votre fichier config.php :
cf. paragraphe mode d'emploi de la galerie
v2.3i :
-
Simplification de la page index.php
-
Ajout de la possibilité d'avoir un détail numérique : n° de page en cours,
nombre de pages, n° d'image en cours
et
nombre d'images (balise <cptpages_vis>)
et choix de la couleur de ce compteur (balise <cptpages_color>)
-
Ajout d'une 3ème version de menu : contours rectangulaires simples
(balise <style_menu>=3)
-
Ajout de la possibilité de n'avoir que le texte du menu sans contours
(balise <style_menu>=0)
-
Ajout du choix de la taille du texte du menu
(balise <taillet_menu>)
-
Ajout de la possibilité de ne pas voir les miniatures
(balise <tb_vis>)
-
Ajout de la possibilité d'ouvrir automatiquement la 1ère image du
répertoire (balise <demarauto>)
-
Ajout de la possibilité de passer automatiquement d'une image à l'autre
- diaporama
avec
possibilité de le lancer par défaut
(balise <diapoauto>),
possibilité de
contrôle du diaporama par l'utilisateur par un bouton "play/pause" visible
ou invisible
(balise <bt_diapo>)
-
Ajout de la possibilité de choisir la vitesse de défilement automatique
par défaut des images
(balise <tdiapo>), et
possibilité de
contrôle de la vitesse de défilement du diaporama par l'utilisateur
par
un bouton "+/-" visible ou invisible (balise <bt_vitdiapo>)
-
Passage à la page suivante ou précédente automatique lorsque l'utilisateur
clique sur le bouton
"image
suivante" à la dernière image d'une page ou sur le bouton "image précédente"
à la 1ère
image
d'une page
v2.3j :
-
Possibilité d'automatiser vos commentaires à l'aide des 2 balises
:
<comauto> vous
permet de choisir si la galerie affiche des commentaires automatiquement
(0 ou 1)
<comm_txt_auto> vous
permet de choisir le texte des commentaires automatiques
la
galerie remplacera dans le contenu de cette balise le caractère # si il
est présent par le numero
de
l'image dans le repertoire, et le caractère { par le nom du fichier de
l'image agrandie (dans ce cas,
comme
pour les noms de répertoires, un "_" dans le fichier devient un espace dans
la galerie)
Par
exemple :
<comm_txt_auto><![CDATA[Vous
voyez l'image n°# : {]]></comm_txt_auto>
affichera
en commentaire "Vous voyez l'image n°10 : Mon bateau"
pour
une 10 ème image d'un répertoire dont le
fichier s'appellerait "Mon_bateau.jpg"
Les
commentaires images par images s'affichent prioritairement sur les commentaires
automatiques
-
La page index.php a également été mise à jour
de manière à être plus compatible
avec
toutes les versions de navigateurs Internet (la balise OBJECT est maintenant
encapsulée
dans du javascript)
v2.3k
:
-
Choix du nombre de miniatures affichées par page : <diap_numbh> (colonnes)
et <diap_numbv> (lignes)
-
Choix de l'espacement entre les miniatures : <diap_espaceh> (horizontal)
et <diap_espacev> (vertical)
-
Choix de l'alignement des miniatures: <diap_place> (gauche, milieu,
droite ou justifié)
-
Choix de la transparence de l'image miniature quand la souris est ailleurs
et quand elle passe dessus
<diap_alphaoff> et <diap_alphaover>
-
Choix de la largeur et la hauteur maximum des images agrandies
<largeurmax_gdeimage> et <hauteurmax_gdeimage>
-
Choix de l'alignement des images agrandies : <place_grandeimage> (horizontal) et
<place_grandeimagev> (vertical)
-
Choix de la position exacte des miniatures : <deplacementx_diaps> (horizontale)
et
<deplacementy_diaps> (verticale)
-
Choix de la position verticale du menu : <deplacementy_menu>
- Mise à jour de la page index.php pour la rendre compatible aux dernieres versions d'Internet Explorer
(avec l'ancienne version de la page, les nouvelles versions d'Internet Explorer demandaient
une confirmation d'ouverture du fichier Flash, ce n'est plus le cas avec la nouvelle page index.php)
  Pour rendre la galerie complètement compatible avec les standards Microsoft,
2 fichiers Javascript (.js) ont été ajoutés dans le fichier .zip de la galerie.
Placez ces fichiers dans un sous-répertoire nommé "Scripts" par rapport à votre page index.php
(ou par rapport à la page qui chargera votre galerie)
Mise à jour
de l'outil de statistiques et tracking
-
Le module devient payant (l'ancien module ne fonctionne plus) : la bande
passante et
les
informations de géo localisation étant payantes, l'accès à l'outil coûte
désormais 30 €/ans
contactez nicolas@creation3d.org si vous voulez acheter un accès à vos statistiques
v2.3l :
-
Débuggage de la position des animations de préchargement
(mal
placées dans la précédente version lorsque l'image agrandie n'était
pas centrée)
v2.3m :
- Gestion des miniatures d'images :
Nommez votre miniature de la même manière que votre image, en ajoutant "_t" à la fin du nom
et placez là dans le même répertoire que votre image
par exemple, si vous avez une image "monimage.jpg" , sa miniature devra se nommer
"monimage_t.jpg" et se situer dans le même répertoire
- Si vous ne modifiez pas les tailles des séries d'images dans le fichier xml, il est conseillé
de créer des miniatures de 100 pixels x 100pixels
- Vous n'êtes pas obligé de créer des miniatures pour chaque image : si la galerie trouve
une miniature elle l'affichera sinon elle chargera directement la grande image.
- Des exemples de miniatures ont été intégrés dans le nouveau fichier .zip
- Dans la section skins et plug-ins, vous pouvez télécharger un nouvel uploader3.php
qui crée automatiquement les miniatures lorsque vous uploadez une image.
  Le fichier config.php a changé pour la gestion des miniatures :
Si vous voulez mettre à jour une galerie qui est déjà en ligne, remplacez votre ancien fichier
config.php par le nouveau, ainsi que le fichier 09.swf (vous pouvez par contre garder votre
fichier ui.xml surtout si vous avez modifié celui-ci).
- Vous n'êtes plus obligé de cliquer 2 fois lorsque vous êtes sur une image agrandie et que vous
voulez voir une autre image : cliquez simplement sur l'image que vous voulez ouvrir.
v2.3n :
- Possibilité d'insérer une image ou une animation d'introduction :
<url_animintro> emplacement de l'image jpg qui doit être affichée ou de l'animation swf
qui doit être jouée à l'ouverture de la galerie
<temps_animintro> temps en secondes durant lequel l'introduction doit être jouée
- peut être remplacé par l'envoi de la variable _root.introfini=1 depuis l'animation swf
en fin d'animation d'introduction pour déclencher le démarrage de l'affichage du contenu des galeries
- Mémorisation des images consultées par l'utilisateur
<historique> permet de définir un affichage particulier pour les images déjà consultées :
0 - sans affichage, 1 - mise en mémoire sur la session, 2 - mise en mémoire sur le poste
de l'utilisateur pour une durée illimitée via un cookie flash
<historique_color> Couleur apparaîssant sur les miniatures des images déjà consultées
<historique_transp> Niveau de transparence de la couleur apparaissant sur les miniatures
des images déjà consultées (de 0 à 100)
  Si vous utilisez les fonctions de mémorisation des images, veillez à utiliser un nom différent
pour chaque image présente sur votre site, tout répertoires confondus
- Possibilité de personnaliser les boutons image suivante / image précédente
et page suivante / page précédente en fournissant l'URL d'un fichier jpg ou swf
<im_bt_imageoff> Image du bouton image suivante / image précédente en état normal
<im_bt_imageovr> Image du bouton image suivante / image précédente en état survolé
<im_bt_pageoff> Image du bouton page suivante / page précédente en état normal
<im_bt_pageovr>Image du bouton page suivante / page précédente en état survolé
  La zone de réactivité des boutons n'est pas modifiable, et est d'environ 35x35 pixels
- Possibilité de personnaliser la position des boutons image suivante / image précédente
et page suivante / page précédente
Pour les balises suivantes, les valeurs s'expriment en déplacements positifs ou négatifs,
en pixels et par rapport à la position par défaut des boutons
<depx_bt_imageprec> dep. horizontal du bouton image précédente
<depy_bt_imageprec> dep. vertical du bouton image précédente
<depx_bt_imagesuiv> dep. horizontal du bouton image suivante
<depy_bt_imagesuiv> dep. vertical du bouton image suivante
<depx_bt_pageprec> dep. horizontal du bouton page précédente
<depy_bt_pageprec> dep. vertical du bouton page précédente
<depx_bt_pagesuiv> dep. horizontal du bouton page suivante
<depy_bt_pagesuiv> dep. vertical du bouton page suivante
- Possibilité d'envoyer des informations vers une autre page (PHP, ASP, HTML ...)
(utilisation pour un site d'e-commerce par exemple)
la galerie peut envoyer des variables en POST lorsque l'utilisateur clique sur un bouton
qui apparait sur l'image agrandie : $dname = nom du fichier image, $dgal = nom du répertoire en cours,
$dinfos = contenu de la balise in_, $dcomments = contenu de la balise c_ (commentaires)
<url_envoiinfos> URL vers lequel envoyer les informations lorsque l'utilisateur clique sur le bouton
d'envoi d'informations (caddie) si celui-ci est activé (balise <envoiinfos>)
<envoiinfos> Activation du bouton d'envoi d'informations :
 0 : pas d'envoi (bouton invisible)
 1 : envoi en arrière plan (page invisible pour l'utilisateur)
 2 : ouverture de la nouvelle page dans la même fenêtre
 3 : (_blank) ouverture de la nouvelle page dans une nouvelle fenêtre
<posenvoiinfos> place du bouton d'envoi d'informations (caddie) :
 1 : à droite de l'image agrandie, 2 : à gauche, 3 : centré
<im_envoiinfosoff> emplacement de l'image du bouton d'envoi d'informations en état normal
(laisser vide pour voir le bouton original - zone de réactivité : environ 23x23 pixels)
<im_envoiinfosovr> emplacement de l'image du bouton d'envoi d'informations en état survolé
(laisser vide pour voir le bouton original - zone de réactivité : environ 23x23 pixels)
<coul_envinfos> couleur du bouton d'envoi d'informations
<fond_envinfos> couleur du fond du bouton d'envoi d'informations
Cette fonction permet d'envoyer une valeur supplémentaire (le prix de l'objet par exemple
dans le cas d'un site d'e-commerce, via la variable $dinfos qui transmet le contenu de
la balise in_ suivie du nom de l'image
Exemple :
<in_monimage02><![CDATA[38 Euros]]></in_monimage02>
renverra la valeur "38 Euros" dans la variable $dinfos lorsque l'utilisateur cliquera
sur le bouton d'envoi d'informations sur l'image monimage02.jpg
  Comme pour l'utilisation des balises commentaires (<c_...>), veilliez à utiliser un nom d'image
différent pour chaque image de votre galerie lorsque vous utilisez les balises <in_...>
Conseil : Si vous voulez visionner rapidement les nouvelles fonctions disponibles dans la v2.3n,
installez le skin 9 disponible ici ou dans la partie "Skins et Plugins"
v2.4a :
- Version gratuite :
- Gestion des sous-répertoires, des fichiers GIF, PNG et FLV, et bouton plein écran
- possibilité d'appeller une fonction javascript depuis le caddie
- réglages de l'emplacement et de la largeur du bandeau déroulant
regarder dans la nouvelle liste des balises pour connaître les différents réglages possibles
- Version payante :
- effets d'ombre portée, de flous, de rotation et taille aléatoire sur les images, menus
et miniatures
- Possibilité de choisir une image de fond par répertoire, ou une image aléatoire
- Possibilité d'inverser l'ordre d'apparition des miniatures ou de le rendre aléatoire
- Possibilité de choisir un nombre maximum de miniatures par répertoire
- Possibilité d'afficher des images agrandies qui prennent la taille totale de la galerie
A venir
:
-
Intégration d'une possibilité de systême
de votes sur les images
-
Possibilité de placer les boutons suivant/précédent
sous ou en bas de l'image agrandie
- Autres designs possibles pour les boutons
-
Possibilité d'augmenter la largeur des boutons du menu
-
Possibilité de modifier le lien vers lequel renvoie le bouton zoom
-
Possibilité de limiter l'accès à certains répertoires
par un mot de passe
-
Possibilité d'envoyer l'image par e-mail
- Possibilité d'afficher un texte particulier pour chaque répertoire

Contact / Feedback : 
N'hésitez
pas à m'envoyer vos commentaires, des idées pour les futures
versions, des skins (fichiers XML modifiés) ,
ou
l'adresse de votre galerie si vous voulez que celle-ci apparaisse
en exemple
sur le site , à nicolas@creation3d.org

Skins
et Plugins : 
Skins :
  
-Voir -Télécharger -Voir -Télécharger -Voir -Télécharger
  
-Voir -Télécharger -Voir -Télécharger -Voir -Télécharger
    
-Voir -Télécharger -Voir -Télécharger -Voir -Télécharger
Cliquez
sur les images ci-dessus pour télécharger le skin correspondant,
puis remplacez simplement votre fichier ui.xml
existant
par celui contenu dans le fichier .zip et placez l'image - si il y en
a une - dans le répertoire racine de votre galerie
 Il
est possible que les fichiers XML contenus dans les skins ne possèdent
pas toutes les balises
des
dernières versions de la galerie, ceci ne gêne pas le fonctionnement
de celle-ci
mais si vous
avez
besoin d'une balise qui n'existe pas dans votre skin, copier là depuis
le fichier ui.xml contenu dans le .zip original,
Placez
là où vous voulez dans le fichier XML, apres la balise <CREATION3D>
et
avant la fermeture de balise </CREATION3D>
Uploader
- Mettez vos photos et entrez
vos commentaires directement
en ligne :
Compatible avec les versions 2.3m et supérieures
Cette version ne gère pour le moment pas les sous répertoires et les fichiers vidéos
Vous pouvez choisir un répertoire
existant pour placer votre image
ou
en créer un, puis vous uploadez votre image.
Vous pouvez entrer un commentaire sur votre photo en plus,
(fonction développée par Popi)
 Vous devez enlever toutes
les lignes vides
et
les commentaires (//) dans
votre fichier "ui.xml",
un fichier "ui.xml" "nettoyé"
est
inclus en
exemple dans le .zip de l'uploader.
 Pour
entrer des caractères accentués en commentaires via l'uploader :
-
Soyez certain que votre fichier ui.xml est bien enregistré en encodage
UTF-8,
-
Vérifiez que votre navigateur internet est bien en affichage UTF-8
au moment
ou
vous enregistrez vos commentaires (cette option n'est pas nécéssaire
par contre
pour
les utilisateurs qui regarderont votre galerie et vos commentaires)
 Pour
entrer des apostrophes en commentaires via l'uploader :
-
Soyez certain que votre fichier ui.xml est bien enregistré en
encodage UTF-8,
-
Vérifiez
que votre navigateur internet est bien en affichage UTF-8 au moment
ou
vous enregistrez vos commentaires (cette option n'est pas nécéssaire
par contre
pour
les utilisateurs qui regarderont votre galerie et vos commentaires)
-
Utilisez le symbole ´ (disponible
sous Windows en appuyant sur ALT+0180)
à la
place de l'apostrophe habituel '
L'uploader crée en plus des miniatures de vos images uploadées. la taille des miniatures créées
est de 100 px par 100 px par défaut mais vous pouvez modifier cette taille en changeant
les parametres $maxtb_v=100 et $maxtb_h=100 en début de fichier : Téléchargez le fichier .php ici
Placez
le fichier .php situé dans le .zip dans votre répertoire "galeries"
Vous
pourrez y accéder en tapant l'URL : www.votresite.com/galeries/uploader.php
- Pour
que l'uploader fonctionne, il faut que votre hébergeur
fournisse la librairie PHP GD,
et qu'il autorise la création
de
répertoires et la copie de fichiers depuis le PHP (CHMOD).
C'est le cas de la plupart des hébergeurs
-
Vous pouvez modifier le nom du fichier de manière à être le seul
à connaître l'URL de l'uploader
- Vous n'avez
pas à entrer le nombre à 2 chiffres en début de nom quand vous
créez un nouveau répertoire,
l'uploader
le rajoute automatiquement
-
Dans les premières lignes de code du fichier PHP - que vous pouvez
ouvrir avec le bloc-notes,
vous
pouvez modifier les valeurs des variables $max_v=1024, $max_h=1024
et
$qual=70 : il
s'agit dans l'ordre de
la hauteur
maximum, la largeur maximum et la compression JPEG de votre fichier mis en ligne,
l'uploader
redimensionnera vos images en fonction de ces valeurs si elles dépassent les
tailles
maximum données.
 Pour
pouvoir utiliser l'uploader, vous aurez peut-être à modifier
les autorisations
CHMOD
du
répertoire "GALERIES" et du fichier ui.xml.
Choisissez
CHMOD 777 sur votre espace FTP pour ces 2 éléments.
GFD Configurator
Créé par jobo83, vous permet de personnaliser facilement l'habillage de votre galerie sans avoir à
toucher vous même le code XML (3 € pour 1 habillage, 4 € pour 2 habillages, 5 € pour 3 habillages)
> GFDConfigurator
GFD Admin
Créé par William Pastre, il s'agit d'un outil d'administration complet de votre galerie, en php 5 :
Vous pouvez ajouter, modifier ou supprimer un répertoire, une photo ou un commentaire.
Cette version ne gère pour le moment pas les sous répertoires et les fichiers vidéos
- l'installation est simple : 12 fichiers à copier dans un répertoire de votre choix,
un niveau en dessous par rapport au répertoire racine de votre galerie
index.php
09.swf
AC_RunActiveContent.js
/galeries
/Mon_repertoire_d_administration
Mes fichiers extraits du .zip de GFD Admin
-
l'outil requiert : PHP5, et les librairies PHP GD et DOM XML (la plupart des hébergeurs intègrent
cette version de PHP et ces librairies)
-
l'outil gère la création de miniatures
- Contrairement à l'uploader (voir ci dessus) qui rangeront vos répertoires dans l'ordre dans lequel
vous les avez crées
, GFD Admin les placera par ordre alphabétique,
-
Une feuille de style (CSS) vous permet de personnaliser facilement votre interface d'administration
-
Le .zip contient un fichier install.txt qui vous expliquera comment protéger l'accès à votre outil d'administration
à l'aide d'un login / mot de passe
- Pour les questions sur l'utilisation de l'outil, vous pouvez contacter son concepteur : gandalf76fr@hotmail.com
> Pour les hébergements qui requierent que les pages codées en php 5 aient l'extension .php5,
Téléchargez
le fichier .zip de GFD Admin ici
> Pour ceux qui préfèrent et qui peuvent utiliser l'extension .php pour leurs pages en php 5 :
Téléchargez
le fichier .zip de GFD Admin ici
Galerie intégrée en composant Joomla :
Le site webmaster-tips.net propose la galerie en composant du CMS Joomla :
Pour le moment il s'agit toujours de la galerie GFD 2.3x
L'auteur est en train de mettre à jour son composant pour les versions 2.4
http://www.webmaster-tips.net/joomla-component-dynamic-flash-image-gallery-v-2.html

Mode
d'emploi de la galerie v.2 : 
La
galerie a fait l'objet d'une fiche Multimedia Pratique sur le magazine Internet
Pratique n°64 du mois d'Avril 2004,
Voici
un scan des 2 pages expliquant le fonctionnement
de la galerie. Il s'agit d'un bon tutoriel pour vous familiariser
avec la GFD si vous ne connaissez pas bien le protocole FTP, le PHP, etc
Il
vous faut un espace ftp (serveur web) qui autorise le php (la
plupart des hébergeurs le font maitenant)

-
copier dans votre répertoire ftp les fichiers du .zip, en gardant
la meme arborescence de répertoires :
-
index.php, ui.xml et 09.swf dans votre répertoire
racine
-
un répertoire "galeries" dans
lequel vous allez mettre vos repertoires et sous-répertoires de photos
-
les répertoires de photos, nommés
comme suit : le numero du repertoire
(ce
qui va definir l'ordre dans lequel ils s'affichent dans le menu) à 2
chiffres, 01,02,03 ...
puis
le nom que vous voulez (remplacez les espaces par des underscores "_",
et
n'utilisez pas de caractères spéciaux ou accentués)
-
le fichier config.php doit se trouver dans le repertoire "galeries"
- Pour rendre l'ensemble compatible aux standards Microsoft :
1 fichier AC_RunActiveContent.js qui doivent se trouver dans le même répertoire que la page php
qui charge la galerie
index.php
09.swf
AC_RunActiveContent.js
/galeries
config.php
/01mon_repertoire_photos_1
mon_image1.jpg
mon_image2.jpg
/02mon_repertoire_photos_2
mon_image3.jpg
mon_image4.jpg
/01mon_sous_repertoire_photos_1
mon_image5.jpg
mon_image6.jpg
-
pour les utilisateurs de la v.1 : le fichier
nombre.php n'est plus utile, enlevez-le
de tous les répertoires
de vos galeries
-
vous n'avez plus qu'a mettre vos photos et/ou vidéos dans les répertoires
crées, vous pouvez mettre des photoset vidéos
de la taille que
vous voulez, la
galerie les redimensionnera automatiquement pour les afficher,
apres
c'est juste à vous
de ne pas mettre des fichiers trop lourds qui
rempliront votre espace disque
et
mettront plus longtemps a charger
Touche de commande :
- Cliquez
au moins 1 fois n'importe où sur la galerie pour mettre le focus de
votre navigateur sur celle-ci
- Appuyez sur "A" pour afficher la version de votre galerie.
Modifications du fichier XML : ui.xml
-
vous pouvez entièrement habiller votre galerie, effets,
couleurs, textes, copyrights, chargements...
pour
cela vous avez accès a un certain nombre de variables
que vous pouvez modifier dans le fichier ui.xml :
ouvrez
ui.xml avec votre bloc-notes (attention : certains autres éditeurs
de textes modifient l'encodage (UTF-8) du fichier
que
la galerie n'arrivera plus à lire)
-
remplacez les valeurs de chaque balise par celle qui vous convient, et enregistrez
le fichier
-
uploadez votre fichier ui.xml et la galerie se met à jour
tout simplement
-
exemples : remplacez le 1 sur la ligne <deg_fen>1</deg_fen> par
un 0 --> <deg_fen>0</deg_fen> ,
vous
n'aurez plus d'ombrage sur les
cadres des images agrandies
remplacez
ffffff (code couleur hexadecimal) dans <cd_color>ffffff</cd_color> par
ff0000 --> <cd_color>ff0000</cd_color>,
les
encadrements de vos images agrandies seront rouges au lieu de blancs...
-
pour vous familiariser avec le fichier XML, vous pouvez télécharger
plusieurs skins (fichiers XML modifiés)
plus bas dans la page
-
si vous voulez ajouter des commentaires à vos images, créez
des balises
< c_le nom de votre image><![CDATA[votre commentaire]]></c_le
nom de votre image>
par
exemple :
si
une des images dans vos répertoires se nomme "image2.jpg" ,
créez la ligne suivante dans votre XML :
<c_image2><![CDATA[votre commentaire pour votre image 2]]></c_image2>
-
pour toutes les balises contenant du texte (bandeau, copyright
et commentaire),
vous
pouvez entrer des caractères
accentués
sans problême,
ainsi que certaines balises html telles <b>,<br>,<u>,<font
size=>...
Vous
pouvez aussi rajouter des liens en utilisant la balise HTML habituelle <a href=>,
et <u> pour les souligner
-
si vous souhaitez appeler autrement votre fichier XML, ou si vous utilisez plusieurs
galeries et que vous voulez qu'elles
lisent
toutes le même fichier XML, vous pouvez passer le nom
et l'URL de votre fichier XML à la galerie dans l'appel
du
fichier 09.swf dans le code PHP, avec la variable "uxml=" et
en ajoutant un "&" à la suite du nom de votre fichier
(Vous devez ajouter la valeur de votre variable à 3 endroits différents dans le code HTML d'appel de la galerie)
 Si
votre galerie lit un fichier XML qui se trouve sur un nom de
domaine
différent, vous devez placer à la racine
du
domaine dans lequel se trouve votre fichier XML un fichier qui autorise la
galerie à lire
celui-ci :
Téléchargez le
fichier .zip et placez le fichier crossdomain.xml qui s'y trouve à la
racine de votre domaine.
-
le fichier 09.swf peut etre lançé depuis n'importe
quelle page, sans passage de variable précis ou autre
:
la
page index.php peut donc etre modifiée sans probleme.
Par contre si
vous supprimez les envois de variables tels qu'ils sont dans le fichier index.php
original,
vous ne pourrez plus commander votre galerie
par son URL.
Reportez vous aux commentaires dans la page index.php pour voir les parties modifiables
Détail des balises de configuration disponibles dans le fichier XML
 |
| Nom de la balise |
Description |
Valeurs |
Exemple |
| bg_color |
couleur de fond |
couleur hexa |
ffffff |
| fond_trans |
fond de la galerie transparent |
0 (oui) 1 (non) |
1 |
| bg_image |
image de fond de la galerie |
0 (pas d'image)
ou URL de l'image |
mon_fond.jpg |
| tb_vis |
miniatures visibles ou pas |
0 (non) 1 (oui) |
1 |
| bt_zoom |
bouton zoom visible ou pas |
0 (non) 1 (oui) |
1 |
| cptpages_vis |
détail numerique des images et pages
visible ou pas |
0 (non) 1 (oui) |
1 |
| bt_diapo |
bouton de lecture automatique ou pause visible ou pas |
0 (non) 1 (oui) |
1 |
| bt_vitdiapo |
boutons de vitesse de la lecture automatique visibles
ou pas |
0 (non) 1 (oui) |
1 |
| show_s_menu |
bouton du sous repertoire choisi reste affiché ou pas |
0 (non) 1 (oui) |
1 |
| force_s_menu |
force le 1er 1er sousrepertoire a se charger
si il n'y a pas d'image dans le repertoire racine |
0 (non) 1 (oui) |
1 |
| btpleinecran |
bouton plein écran visible ou pas |
0 (non) 1 (oui) |
1 |
| coul_pe |
couleur de forme du bouton plein ecran
(par defaut la galerie prend la couleur coul_zoom) |
couleur hexa |
000000 |
| fond_pe |
couleur de fond du bouton plein ecran
(par defaut la galerie prend la couleur fond_zoom) |
couleur hexa |
ffffff |
| timepreviewvideo |
durée de la prévisualisation video dans les miniatures (en secondes) |
0 à l'infini |
1.3 |
| couleurvideopreload |
couleur du contour du cercle de préchargement vidéo |
couleur hexa |
000000 |
| couleurvideofondpreload |
couleur du fond du cercle de préchargement vidéo |
couleur hexa |
ffffff |
| couleurvideofondbarre |
couleur du fond de la barre de navigation vidéo |
couleur hexa |
ffffff |
| couleurvideobarre |
couleur de niveau de chargement
de la barre
de navigation
vidéo |
couleur hexa |
ffffff |
| couleurvideocurseur |
couleur du curseur de la barre de navigation vidéo |
couleur hexa |
ffffff |
| couleurvideoboutons |
couleur des boutons play / pause / stop / son vidéo |
couleur hexa |
ffffff |
| couleurvideofondson |
couleur du fond de la barre de niveau de volume vidéo |
couleur hexa |
ffffff |
| couleurvideoson |
couleur de la barre de niveau de volume vidéo |
couleur hexa |
ffffff |
| couleurvideocompteur |
couleur du compteur temps vidéo |
couleur hexa |
ffffff |
| volumeencours |
volume de son par défaut pour les vidéos |
0 à 100 |
100 |
| glowcontrolesvideotaille |
taille de l'effet de lumiere autour des commandes vidéos |
0 à 10 |
3 |
| glowcontrolesvideocouleur |
couleur de l'effet de lumiere autour des commandes vidéos |
couleur hexa |
ffffff |
| url_animintro |
emplacement de l'image ou l'animation swf
qui doit être jouée à l'entrée de la galerie
|
vide (pas d'intro)
ou URL de l'intro |
|
| temps_animintro |
temps en secondes durant lequel l'introduction doit être jouée
- peut être remplacé en appliquant
la valeur 1 à la variable
_root.introfini=1
depuis l'animation swf en fin d'animation |
0 à l'infini |
10 |
| historique |
mémorisation des images consultées par l'utilisateur
affichage particulier pour les images déjà consultées :
attention, si vous voulez utiliser cette fonction, utilisez un nom de fichier
différent pour chacune de vos images
|
0 - sans affichage
1 - mise en
mémoire sur la
session
2 - mise en
mémoire sur le
poste de
l'utilisateur pour
une durée illimitée
via un cookie flash |
1 |
| historique_color |
couleur apparaissant sur les miniatures des images déjà
consultées |
couleur hexa |
ffffff |
| historique_transp |
niveau d'opacité de la couleur apparaissant sur les
miniatures des images déjà consultées |
0 à 100 |
50 |
| sh_menu |
affiche les menus (sans menu la galerie affiche le 1er repertoire) |
0 (non) 1 (oui) |
1 |
| an_menu |
animation lors de l'apparition des menus |
0 (non) 1 (oui) |
1 |
| pos_menu |
position du menu
(si le menu contient plus de 5 items il
devient obligatoirement
flottant) |
0 - menu flottant
1 - gauche
2 - milieu
3 - droite |
1 |
| style_menu |
style du menu |
0 - texte seul
1 - vagues
2 - contours
arrondis
3 - cadre simple |
1 |
| taillet_menu |
taille des caractères des textes du menu |
8 à 20 |
10 |
| taillet_smenu |
taille des caractères des textes du menu
pour les sous répertoires |
8 à 20 |
10 |
| style_fen |
style des cadres des images agrandies |
0 - sans
1 - arrondi
2 - carre |
1 |
| deg_fen |
degrades sur les cadres des images agrandies |
0 (non) 1 (oui) |
1 |
| dp_speed0 |
temps d'apparition de la grande image en transparence |
1 à l'infini |
2 |
| dp_speed1 |
temps d'apparition des contours de la grande image |
1 à l'infini |
2 |
| dp_speed2 |
temps de disparition de la grande image en zoom |
1 à l'infini |
2 |
| dp_speed3 |
temps de disparition des contours de la grande image |
1 à l'infini |
2 |
| style_thumb |
style des cadres des miniatures |
0 - sans
1 - arrondi
2 - carre |
1 |
| deg_thumb |
degrades sur cadres des miniatures |
0 (non) 1 (oui) |
1 |
| an_thumb |
animation lors de l'apparition des miniatures |
0 (non) 1 (oui) |
1 |
| highlight_trans |
opacité du dégradé qui apparait sous l'image agrandie |
0 à 100
0 - transparent
100 - opaque |
50 |
| demarauto |
ouverture automatique de la 1ere
image agrandie
au lancement
de la galerie et a l'ouverture
d'un repertoire |
0 (non) 1 (oui) |
0 |
| diapoauto |
lecture automatique des images agrandies |
0 (non) 1 (oui) |
0 |
| tdiapo |
durée par defaut entre chaque image en
lecture automatique
en secondes |
1 à l'infini |
4 |
| diap_numbh |
nombre de miniatures dans une ligne |
1 à l'infini |
6 |
| diap_numbv |
nombre de lignes de miniatures par page |
1 à l'infini |
4 |
| diap_espaceh |
espace horizontal entre chaque miniature en pixels |
-l'infini à l'infini |
8 |
| diap_espacev |
espace vertical entre chaque miniature en pixels |
-l'infini à l'infini |
8 |
| diap_alphaoff |
transparence de l'image miniature lorsque
la souris
n'est pas dessus |
0 à 100
0 - opaque
100 - transparent |
30 |
| diap_alphaover |
transparence de l'image miniature lorsque la souris passe dessus |
0 à 100
0 - opaque
100 - transparent |
80 |
| diap_place |
alignement des miniatures |
1 - centrées
2 - à gauche
3 - à droite
4 - justifiées (espace
maximum de gauche
à droite) |
1 |
| largeurmax_gdeimage |
largeur maximum que peut prendre
l'image agrandie en pixels |
1 à 700 |
700 |
| hauteurmax_gdeimage |
hauteur maximum que peut prendre
l'image agrandie en pixels |
1 à 350 |
350 |
| place_grandeimage |
emplacement de l'image agrandie |
1 - centrée
2 - à gauche
3 - à droite |
1 |
| place_grandeimagev |
emplacement vertical de l'image agrandie |
1 - centrée
2 - en haut
3 - en bas |
1 |
| deplacementy_menu |
déplacement vertical total du menu en pixels |
-l'infini à l'infini |
0 |
| deplacementx_diaps |
déplacement horizontal total des miniatures en pixels |
-l'infini à l'infini |
0 |
| deplacementy_diaps |
déplacement vertical total des miniatures en pixels |
-l'infini à l'infini |
0 |
| im_bt_imageoff |
emplacement le l'image du bouton image
suivante /
image précédente en état normal
zone de réactivité = environ 35x35 pixels |
vide (image
originale)
ou URL de l'image |
|
| im_bt_imageovr |
emplacement le l'image du bouton image
suivante /
image précédente en état
survolé
zone de réactivité = environ 35x35 pixels |
vide (image
originale)
ou URL de l'image |
|
| im_bt_pageoff |
emplacement le l'image du bouton page suivante /
page précédente en état normal
zone de réactivité = environ 35x35 pixels |
vide (image
originale)
ou URL de l'image |
|
| im_bt_pageovr |
emplacement le l'image du bouton page suivante /
page précédente en état survolé
zone de réactivité = environ 35x35 pixels |
vide (image
originale)
ou URL de l'image |
|
| depx_bt_imageprec |
déplacement horizontal en pixel du bouton
image précédente par rapport à sa position par défaut |
-l'infini à l'infini |
0 |
| depy_bt_imageprec |
déplacement vertical en pixel du bouton
image précédente par rapport à sa position par défaut |
-l'infini à l'infini |
0 |
| depx_bt_imagesuiv |
déplacement horizontal en pixel du bouton
image suivante par rapport à sa position par défaut |
-l'infini à l'infini |
0 |
| depy_bt_imagesuiv |
déplacement vertical en pixel du bouton
image suivante par rapport à sa position par défaut |
-l'infini à l'infini |
0 |
| depx_bt_pageprec |
déplacement horizontal en pixel du bouton
page précédente par rapport à sa position par défaut |
-l'infini à l'infini |
0 |
| depy_bt_pageprec |
déplacement vertical en pixel du bouton
page préc& | | |