Accueil > > > PANDA GALERIE (XML) V1.7
PANDA GALERIE (XML) V1.7
Information sur la source
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
Source
- 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 ---\\
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="+imageUR L+"&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
Historique
- 12 septembre 2004 18:43:20 :
Sources du même auteur
Sources de la même categorie
Commentaires et avis
|
Derniers Blogs
L'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIESL'INTERFACE NATURELLE DE WINDOWS PHONE 7 SERIES par odewit
La tendance est aux interfaces naturelles (NUI), et le keynote de Bill Buxton au MIX l'a bien souligné.
La charte graphique et ergonomique de Windows Phone 7 a donc été entièrement repensée en vue d'obtenir un maximum d'efficacité sur ce point. En re...
Cliquez pour lire la suite de l'article par odewit COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE?COMMENT MAPPER UNE VUE SQL SUR UNE COLLECTION DE COMPLEX TYPE? par Matthieu MEZIL
Avec EF, les vues doivent être mappées sur des entity types. Le problème c'est que les entity types doivent avoir une clé. Avec EF, nous avons les complex type qui n'ont pas de clé mais les vues ne peuvent pas être mappées dessus. Avec EF4, il est possibl...
Cliquez pour lire la suite de l'article par Matthieu MEZIL [WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL?[WF4] UN BINDING ACTIVITY/ACTIVITYDESIGNER QUI PASSE MAL? par JeremyJeanson
Certain d'entre vous on peut être vécu cette situation embarrassante après quelques temps passer avec WF4 : Au début avec mon " ActivityDesigner" , tout allait bien. Et puis un jour j'ai au des problèmes de " Binding" . Alors nous sommes allé sur le site ...
Cliquez pour lire la suite de l'article par JeremyJeanson
Logiciels
Academy System (10.9.4.0)ACADEMY SYSTEM (10.9.4.0)Logiciel de gestion des établissements.
- élèves/étudiants (inscription, dossier, absence...)
-... Cliquez pour télécharger Academy System Xilisoft Convertisseur Vidéo Ultimate (5.1.39.0305)XILISOFT CONVERTISSEUR VIDéO ULTIMATE (5.1.39.0305)Xilisoft Convertisseur Vidéo Ultimate est un outil puissant de conversion vidéo, facile à utilise... Cliquez pour télécharger Xilisoft Convertisseur Vidéo Ultimate Xilisoft DVD Ripper Ultimate (5.0.64.0304)XILISOFT DVD RIPPER ULTIMATE (5.0.64.0304)Xilisoft DVD Ripper Ultimate est un logiciel excellent pour copier et convertir DVD vers presque ... Cliquez pour télécharger Xilisoft DVD Ripper Ultimate Rigs of Rods (63.3)RIGS OF RODS (63.3)c'est un jeu de multi-simulation camions,autobus voitures, avions, bateaux, hélicoptère avec défo... Cliquez pour télécharger Rigs of Rods
|