Panda galerie (xml) v1.7
Description
Galerie d'image en entièrement paramétrable depuis un xml, facilement personnalisable avec plein petites surprises ;)
Galerie dynamique pour les graphistes qui souhaitent mettre en ligne leurs créations sans se soucier du code et la personnaliser le plus possible.
L'objectif est d'architecturer les sources de sorte que d'autres codeurs puissent ajouter ou débugger de nouvelles fonctionnalités plus simplement possible.
L'important c'est de trouver un moyen pour que l'on puisse mettre à jour sa galerie sans avoir à refaire tous les graphismes.
Elles sont ultra commentée, et j'ai essayé de clarifier et d'optimiser au maximum les sources.
J'attends vos conseils, vos remarques ou les bugs (il doit sans doute en resté quelques un qui traînent) et j'espère que d'autres personnes seront intéressés par ce projet :)
Vous trouverez avec un config.xml c'est celui de mon site perso, ce n’est pas pour me faire de la pub, c'est seulement un exemple
L'ambition du projet est comme PhpBB de developper des sources tellement personnalisable qu'il en deviendrait difficile de reconnaître la base.
Ainsi permettre à tout le monde d'avoir une galerie top-moutout sans toucher une ligne de code
============================================================
[update v1.3beta]
-loader pour afficher le chargement de la galerie (4ko)
-class popUp signé HOPE (super boulot)
-plus d'appel au _root
(la galerie fonctionne lorsqu'elle est importée sur une scène avec un loadMovie)
-animation en setInterval (indépendante du frameRate)
-correction de la banane
-info sur le chargement du config.xml
-découpage des codes par catégorie (plus simple pour mettre à jour)
J'espère bientôt pourvoir les convertir en class externe AS2.0
============================================================
[update v1.4beta]
-un player pour voir les images directement depuis le flash (avec les info du chargement)
-la comboBox composant de Mx2004 était trop lourde et bug lorsqu'ils sont chargés dans un movieclip, j'ai donc remplacé la combobox par une autre de MX
-correction d'un bug sur l'animation des miniatures qui continuait à calculer dans le vide et ralentisssait l'animation
-la comboBox propose 3 choix :
FLASH: pour ouvrir l'image dans l'animation
POP_UP: pour ouvrir l'image dans un pop-up
(fonctionne avec tous les explorer sauf IE, inuile de faire plus de commentaires)
I.E. -_-!: pour ouvrir l'image avec la méthode GetURL autorisé par IE
============================================================
[update 1.5]
-Class en AS1.0 externe (elles affiche encore des messages erreurs mais fonctionne)
-petite barre de chargement en ASCI [||||'''''']
-correctif du bug lier au marquer de page
-nouveau Noeud "News" qui permet d'indiquer les nouvelles images de chaque grand dossier
(attention le nom du sous-dossier doit porter le même nom que le grand dossier qui contient les nouvelles images)
============================================================
[Update 1.6]
Nouvelle fonction dans la menu contexuel (avec les Crédits)
Changement des langages de Bob le Globe en cliquand droit sur lui
correctif sur les dossiers selectionnés
correctif sur le onReleaseOutside
String Utils pour corriger les &apost et "
============================================================
[Update 1.7]
-correctif des marquer de pages qui ne s'effaçait pas
Les marquers de page restaient toujours en bas même quand on changeait de dossier
-ajuster la taille et la position des miniatures
Sur la demande de Chtipepere, cette fonction (toujours parametrable) permet de redimensionner et/ou
recentrer les miniatures si elles ne font pas 90x90
-correction d'un erreur de calage des miniatures
petit probleme de positionnement dans le movieClip Miniature
-ajuster la position de miniature en fonction de la scene
A présent le Skin prend en charge la taille de la scene pour l'affichage des miniatures
ainsi que la position des barres de dossier
-ajuster l'affichage de l'image LARGE en fonction de la taille de la scene
En fonction de la taille de la scene l'affiche de l'image en plein écran est rajustée
-nouveau pop-up javascript pour tous les navigateurs
C'est encore en developpemnt mais j'ai trouvé un moyen pour que tous les naviguateurs puissent avoir un pop-up HTML, grace à un fichier pop_up.htm qui contient un javascript qui gere l'affichage de l'image
Il ne fonctionne pas tres bien, mais ça avance
-Choisir le nb de miniatures par ligne
Vous pouvez d'avantage custumizer l'organisation du skin
En choisissant le nombre de miniatures pas ligne
-nouvelles options de personalisation
Vous pouvez parametrer l'espace entre les miniatures
Le programe recaule le nombre de pages nécéssaires,
et empeche les vignettes de sortir de l'écran (uniquement verticalement)
Vous pouvez aussi choisir la transparance des miniatures quand la souris les survole
-s'il y a un seul dossier ou un seul sous dossier il s'ouvre automatiquement
J'ai vu ce probleme chez Chtipepere il n'utilise que les sous dossiers.
Maintenant le programme ouvre automatiquement les dossiers isolés et n'affiche plus l'icone si vous n'avez pas le choix.
Ca simplifiera pour certain l'utilisation de la galerie
-Parametrage des couleurs
La grosse nouveauté pour cette version c'est qu'on peut paramétrer les couleurs des éléments de la galerie sans intervenir sur les MovieClips
Le programme fait automatiquement les correspondances de couleur entre les éléments pour que votre skin soit bien propre
Pas mal de code ont été corrigé, et les sources ont été légerement optimisée en ajoutant de nouveaux Objects qui facilitent le rangement des informations concerant votre skin ainsi que la compréhension du code pour les autres coder.
Les élements config on été sortit de l'INDEX (panda_galerie.fla)
ce qui simplifie la mise à jour pour les prochaines UPDATES
il n'y a plus de note pour mettre à jour votre galerie, car tous les élement graphiques ont été modifié. Désolé mais il va falloir changer ça
------------------------------------------------------------
Autre point, le systeme de survol des icones n'a pas été mis à jour
c'est celui que j'utilise pour mon site perso
Les codes concernant cette fonction sont dans
AS/sexy.as (le system sexy pin-up aléatoire)
AS/folder.as (le systeme standard avec les images qui change au survol)
------------------------------------------------------------
La fonction POP-UP creer pas HOPE a été suprimé car elle n'est pas prise en charge par IE (dommage car cette classe était tres complete et permettais de nombreuses options sur le pop-up comme le plein écran et le centre du pop-up dans l'écran
------------------------------------------------------------
La fonction NEWS a été suprimé car elle ne sert pas à grand chose et complique inutiliment le code...et ça interese personne en plus
------------------------------------------------------------
------------------------------------------------------------
mrCLEM m'a envoyé pas mal de sources de galeries je planche dessus pour les intégrer ;)
----------------------------------------Bongawönga---------------------------------------
-------------------------------------------------------------------------------------------
<NOTE> sur DROPLET <NOTE>
Ce script permet de modifier un groupe d'image en miniature de 90x90
il nécéssite photoshop 6.0 ou +
-sélectionner vos images et lacher les sur le droplet
--------------------------------------------------------------------------------------------
<NOTE> sur le convert.PHP de BlackWizzard <NOTE>
Ce script va resoudre vos problemes.
seule contrainte, il ne charge que les images sur le meme serveur que le script. (ce qui est le cas la plupart du temps).
l'utilisation est simple :
- pour convertir un gif, un png ou un jpg "progressive" en jpg "non progressive":
loadMovie("convert.php?pic="+imageURL+"&noresize=true");
- pour convertir un gif, un png ou un jpg "progressive" en jpg "non progressive", et la redimentionner en gardant les proportions:
loadMovie("convert.php?pic="+imageURL);
Dans ce dernier cas, vous devez configurer le script php pour specifier la hauteur et la largeur maximum.
Je ne mets pas de source d'exemple car ceux qui ont ce probleme savent se servir de loadMovie
-------------------------------------------------------------------------------------------
====================PROJET POUR LA PROCHAINE VERSION ===
Projet de fonction pour les prochaines mise à jour :
---------------------------------------------------------------
on choisit le mode d'ouverture des images
->Pop-up flash
->Pop-up Fscommand (nécésite de mettre le flash dans une page HTML avec des codes spécifiques dedans, donc pour ceux qui ont des PUB ça va posé des problèmes)
->Player flash (avec option pour l'ouvrir dans une nouvelle fenetre IE)
->Player flash (sans option pour l'ouvrir dans une nouvelle fenetre IE)
->IE ! (ouvrir dans une nouvelle fenetre IE)
---------------------------------------------------------------
si vous ajoutez une extension au fichier, le programme utilisera le décodeur de BlackWizzard pour ouvrir votre image
<i>furry.gif</i>
---------------------------------------------------------------
Petit programme pour analyser le contenu d'un dossier et le mettre à la suite dans le XML
Il ne détecte pas les dossiers courrants, il faut les lui indiquer
Il ne gere pas les sous-dossier, il faut le faire à la main, je travaille sur une inteface avec des composants flash.
---------------------------------------------------------------
Set de Skin, les élements graphiques sont externes et les couleurs sont gérées en AS.
Je vais d'abord faire le Skin Limbique avec des themes de 2 ou 3 couleurs comme dans winamp
Les couleurs sont déjà gérées dans la version 1.7, maintenant les élements graphiques interchangables
---------------------------------------------------------------
nouveau mode d'affichage en test:
"Diaporama" qui n'utilise pas de miniature, affiche directement les originaux redimentionnés, avec un menu pour avancer, reculer, ou faire défiler
"Icon" affiche des icones à la place des miniatures
---------------------------------------------------------------
Autre modification en cours de tests, c'est une fonction qui recalcule le nombre lignes et de colones des miniatures par page en fonction des dimentions et espacements indiquer dans le XML
Si rien n'est marqué il affiche tout en 90x90 avec 10 pixels de marge
---------------------------------------------------------------
Dernière Modif en test aussi, c'est un cookie flash qui mémorise le XML, et lorsque le visiteur revient, il compare les listes pour voir les nouvelles images ajoutées et celle qui n'a pas vu la derniere fois.
(c'est pas sur que j'ajoute cette fonction car je ne suis pas sur que le cookie supportera autant d'info, il faut que je trouve un moyen de condenser l'information)
--------------------------------------------------------------
Possibilté d'ajouter des commentaires aux images via le document XML
<i>
<pic>furry</pic>
<com>une tres belle illustration fait par un de mes amis de poitiers</com>
</i>
ou
<i pic="furry">une tres belle illustration fait par un de mes amis de poitiers</i>
merci chtipere pour les fautes d'orthographe
======================================================
Plus d'info sur le devellopemen de ce projet
http://www.bongawonga.com/panda.htm
(je sais la page de présentation est moche)
Cette source est trop lourde (650ko) vous pouvez la téléharger à cette adresse
http://www.bongawonga.com/forum/index.php?act=Attach&type=post&id=1841
Galerie dynamique pour les graphistes qui souhaitent mettre en ligne leurs créations sans se soucier du code et la personnaliser le plus possible.
L'objectif est d'architecturer les sources de sorte que d'autres codeurs puissent ajouter ou débugger de nouvelles fonctionnalités plus simplement possible.
L'important c'est de trouver un moyen pour que l'on puisse mettre à jour sa galerie sans avoir à refaire tous les graphismes.
Elles sont ultra commentée, et j'ai essayé de clarifier et d'optimiser au maximum les sources.
J'attends vos conseils, vos remarques ou les bugs (il doit sans doute en resté quelques un qui traînent) et j'espère que d'autres personnes seront intéressés par ce projet :)
Vous trouverez avec un config.xml c'est celui de mon site perso, ce n’est pas pour me faire de la pub, c'est seulement un exemple
L'ambition du projet est comme PhpBB de developper des sources tellement personnalisable qu'il en deviendrait difficile de reconnaître la base.
Ainsi permettre à tout le monde d'avoir une galerie top-moutout sans toucher une ligne de code
Source / Exemple :
Le xml:
grand dossier
<NODE folder="Limbique">
sous dossier
<SUB folder="Furry">
nom de l'image sans l'extension .jpg
<i>image1</i>
<i>image2</i>
<i>image3</i>
</SUB>
</NODE>
Les images doivent être stoker sur le site
dans un dossier qui porte le même nom que votre grand dossier <NODE>
Exemple "Limbique/" (attention aux majuscules et caractères spéciaux)
dans ce dossier il doit y avoir :
-un dossier "MINI" (pour les miniatures)
-un dossier "LARGE" (pour les originaux)
Les miniatures doivent porter le même nom que les originaux
Ainsi les images de tous les sous-dossiers de limbique sont stoker dans ces deux dossiers : MINI/LARGE
La galerie ne supporte que les JPG non progressif
L'alignement des éléments graphiques est basé sur des MC déjà présents sur la scène.
Pour la position de retour du titre volaille c'est Fixe
pour la position _y des dossiers c'est ligne_root
pour la position _y des sous-dossiers c'est ligne_folder
//!\\----A LIRE IMPORTANT-----//!\\
cette source est en libre droit, vous pouvez donc la modifier a votre guise
vous êtes invités à laisser votre avis, ou partager les améiorations que vous avez pu apporter
sur le forum de Bongawonga.com (l'inscription n'est pas obligatoire pour poster)
et les FeedBack sont toujours tres motivant.
http://www.bongawonga.com/forum/index.php?showtopic=3
//--- Merci de laisser les crédits pour ceux qui ont developpé cette source ---\\
Conclusion :
============================================================
[update v1.3beta]
-loader pour afficher le chargement de la galerie (4ko)
-class popUp signé HOPE (super boulot)
-plus d'appel au _root
(la galerie fonctionne lorsqu'elle est importée sur une scène avec un loadMovie)
-animation en setInterval (indépendante du frameRate)
-correction de la banane
-info sur le chargement du config.xml
-découpage des codes par catégorie (plus simple pour mettre à jour)
J'espère bientôt pourvoir les convertir en class externe AS2.0
============================================================
[update v1.4beta]
-un player pour voir les images directement depuis le flash (avec les info du chargement)
-la comboBox composant de Mx2004 était trop lourde et bug lorsqu'ils sont chargés dans un movieclip, j'ai donc remplacé la combobox par une autre de MX
-correction d'un bug sur l'animation des miniatures qui continuait à calculer dans le vide et ralentisssait l'animation
-la comboBox propose 3 choix :
FLASH: pour ouvrir l'image dans l'animation
POP_UP: pour ouvrir l'image dans un pop-up
(fonctionne avec tous les explorer sauf IE, inuile de faire plus de commentaires)
I.E. -_-!: pour ouvrir l'image avec la méthode GetURL autorisé par IE
============================================================
[update 1.5]
-Class en AS1.0 externe (elles affiche encore des messages erreurs mais fonctionne)
-petite barre de chargement en ASCI [||||'''''']
-correctif du bug lier au marquer de page
-nouveau Noeud "News" qui permet d'indiquer les nouvelles images de chaque grand dossier
(attention le nom du sous-dossier doit porter le même nom que le grand dossier qui contient les nouvelles images)
============================================================
[Update 1.6]
Nouvelle fonction dans la menu contexuel (avec les Crédits)
Changement des langages de Bob le Globe en cliquand droit sur lui
correctif sur les dossiers selectionnés
correctif sur le onReleaseOutside
String Utils pour corriger les &apost et "
============================================================
[Update 1.7]
-correctif des marquer de pages qui ne s'effaçait pas
Les marquers de page restaient toujours en bas même quand on changeait de dossier
-ajuster la taille et la position des miniatures
Sur la demande de Chtipepere, cette fonction (toujours parametrable) permet de redimensionner et/ou
recentrer les miniatures si elles ne font pas 90x90
-correction d'un erreur de calage des miniatures
petit probleme de positionnement dans le movieClip Miniature
-ajuster la position de miniature en fonction de la scene
A présent le Skin prend en charge la taille de la scene pour l'affichage des miniatures
ainsi que la position des barres de dossier
-ajuster l'affichage de l'image LARGE en fonction de la taille de la scene
En fonction de la taille de la scene l'affiche de l'image en plein écran est rajustée
-nouveau pop-up javascript pour tous les navigateurs
C'est encore en developpemnt mais j'ai trouvé un moyen pour que tous les naviguateurs puissent avoir un pop-up HTML, grace à un fichier pop_up.htm qui contient un javascript qui gere l'affichage de l'image
Il ne fonctionne pas tres bien, mais ça avance
-Choisir le nb de miniatures par ligne
Vous pouvez d'avantage custumizer l'organisation du skin
En choisissant le nombre de miniatures pas ligne
-nouvelles options de personalisation
Vous pouvez parametrer l'espace entre les miniatures
Le programe recaule le nombre de pages nécéssaires,
et empeche les vignettes de sortir de l'écran (uniquement verticalement)
Vous pouvez aussi choisir la transparance des miniatures quand la souris les survole
-s'il y a un seul dossier ou un seul sous dossier il s'ouvre automatiquement
J'ai vu ce probleme chez Chtipepere il n'utilise que les sous dossiers.
Maintenant le programme ouvre automatiquement les dossiers isolés et n'affiche plus l'icone si vous n'avez pas le choix.
Ca simplifiera pour certain l'utilisation de la galerie
-Parametrage des couleurs
La grosse nouveauté pour cette version c'est qu'on peut paramétrer les couleurs des éléments de la galerie sans intervenir sur les MovieClips
Le programme fait automatiquement les correspondances de couleur entre les éléments pour que votre skin soit bien propre
Pas mal de code ont été corrigé, et les sources ont été légerement optimisée en ajoutant de nouveaux Objects qui facilitent le rangement des informations concerant votre skin ainsi que la compréhension du code pour les autres coder.
Les élements config on été sortit de l'INDEX (panda_galerie.fla)
ce qui simplifie la mise à jour pour les prochaines UPDATES
il n'y a plus de note pour mettre à jour votre galerie, car tous les élement graphiques ont été modifié. Désolé mais il va falloir changer ça
------------------------------------------------------------
Autre point, le systeme de survol des icones n'a pas été mis à jour
c'est celui que j'utilise pour mon site perso
Les codes concernant cette fonction sont dans
AS/sexy.as (le system sexy pin-up aléatoire)
AS/folder.as (le systeme standard avec les images qui change au survol)
------------------------------------------------------------
La fonction POP-UP creer pas HOPE a été suprimé car elle n'est pas prise en charge par IE (dommage car cette classe était tres complete et permettais de nombreuses options sur le pop-up comme le plein écran et le centre du pop-up dans l'écran
------------------------------------------------------------
La fonction NEWS a été suprimé car elle ne sert pas à grand chose et complique inutiliment le code...et ça interese personne en plus
------------------------------------------------------------
------------------------------------------------------------
mrCLEM m'a envoyé pas mal de sources de galeries je planche dessus pour les intégrer ;)
----------------------------------------Bongawönga---------------------------------------
-------------------------------------------------------------------------------------------
<NOTE> sur DROPLET <NOTE>
Ce script permet de modifier un groupe d'image en miniature de 90x90
il nécéssite photoshop 6.0 ou +
-sélectionner vos images et lacher les sur le droplet
--------------------------------------------------------------------------------------------
<NOTE> sur le convert.PHP de BlackWizzard <NOTE>
Ce script va resoudre vos problemes.
seule contrainte, il ne charge que les images sur le meme serveur que le script. (ce qui est le cas la plupart du temps).
l'utilisation est simple :
- pour convertir un gif, un png ou un jpg "progressive" en jpg "non progressive":
loadMovie("convert.php?pic="+imageURL+"&noresize=true");
- pour convertir un gif, un png ou un jpg "progressive" en jpg "non progressive", et la redimentionner en gardant les proportions:
loadMovie("convert.php?pic="+imageURL);
Dans ce dernier cas, vous devez configurer le script php pour specifier la hauteur et la largeur maximum.
Je ne mets pas de source d'exemple car ceux qui ont ce probleme savent se servir de loadMovie
-------------------------------------------------------------------------------------------
====================PROJET POUR LA PROCHAINE VERSION ===
Projet de fonction pour les prochaines mise à jour :
---------------------------------------------------------------
on choisit le mode d'ouverture des images
->Pop-up flash
->Pop-up Fscommand (nécésite de mettre le flash dans une page HTML avec des codes spécifiques dedans, donc pour ceux qui ont des PUB ça va posé des problèmes)
->Player flash (avec option pour l'ouvrir dans une nouvelle fenetre IE)
->Player flash (sans option pour l'ouvrir dans une nouvelle fenetre IE)
->IE ! (ouvrir dans une nouvelle fenetre IE)
---------------------------------------------------------------
si vous ajoutez une extension au fichier, le programme utilisera le décodeur de BlackWizzard pour ouvrir votre image
<i>furry.gif</i>
---------------------------------------------------------------
Petit programme pour analyser le contenu d'un dossier et le mettre à la suite dans le XML
Il ne détecte pas les dossiers courrants, il faut les lui indiquer
Il ne gere pas les sous-dossier, il faut le faire à la main, je travaille sur une inteface avec des composants flash.
---------------------------------------------------------------
Set de Skin, les élements graphiques sont externes et les couleurs sont gérées en AS.
Je vais d'abord faire le Skin Limbique avec des themes de 2 ou 3 couleurs comme dans winamp
Les couleurs sont déjà gérées dans la version 1.7, maintenant les élements graphiques interchangables
---------------------------------------------------------------
nouveau mode d'affichage en test:
"Diaporama" qui n'utilise pas de miniature, affiche directement les originaux redimentionnés, avec un menu pour avancer, reculer, ou faire défiler
"Icon" affiche des icones à la place des miniatures
---------------------------------------------------------------
Autre modification en cours de tests, c'est une fonction qui recalcule le nombre lignes et de colones des miniatures par page en fonction des dimentions et espacements indiquer dans le XML
Si rien n'est marqué il affiche tout en 90x90 avec 10 pixels de marge
---------------------------------------------------------------
Dernière Modif en test aussi, c'est un cookie flash qui mémorise le XML, et lorsque le visiteur revient, il compare les listes pour voir les nouvelles images ajoutées et celle qui n'a pas vu la derniere fois.
(c'est pas sur que j'ajoute cette fonction car je ne suis pas sur que le cookie supportera autant d'info, il faut que je trouve un moyen de condenser l'information)
--------------------------------------------------------------
Possibilté d'ajouter des commentaires aux images via le document XML
<i>
<pic>furry</pic>
<com>une tres belle illustration fait par un de mes amis de poitiers</com>
</i>
ou
<i pic="furry">une tres belle illustration fait par un de mes amis de poitiers</i>
merci chtipere pour les fautes d'orthographe
======================================================
Plus d'info sur le devellopemen de ce projet
http://www.bongawonga.com/panda.htm
(je sais la page de présentation est moche)
Cette source est trop lourde (650ko) vous pouvez la téléharger à cette adresse
http://www.bongawonga.com/forum/index.php?act=Attach&type=post&id=1841
Codes Sources
A voir également
- Panda galerie (xml) v1.7
- Galerie photo php ✓ - Forum PHP
- 3c xml - Forum C++ & C++ .NET
- Vba xml ✓ - Forum VBA Office (Excel, Word ...)
- Schema xml - Conseils pratiques -Visual Basic / VB.NET
- Lire fichiers XML en vba ✓ - Forum Visual Basic 6
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.