Nouvelle mise à jour de la classe LcGalerie, qui permet de créer simplement une galerie d’images sympa.
Cette fois ci, passage en AS3. Optimisation du code pour un rendu plus fluide et léger (13ko).
J’ai aussi rajouté un loader pour chaque image (quand même, c’est pas mal!), et un nouvel effet de transition.
Vous pouvez tester les différents paramètres dans la version démo ci dessous :
Le code est accessible dans la source, si vous trouvez des améliorations à y apporter, faites m’en part, ou plutôt faites les et faites m’en part!
Pour l’utiliser, rien de plus simple:
- Téléchargez la source ici
- Ouvrez un nouveau fichier flash AS3. Importez le package :
import com.lc.galerie.LcGalerie; - Créez une nouvelle instance de LcGalerie comme ci dessous, en ajustant les paramètres commentés selon vos besoins.
LcGalerie=new LcGalerie(400,400,20,3,3,"0xFF1D140C","XML/galerie.xml",false,hote_mc,"H","translation"); - Remplissez le fichier XML/galerie.xml avec vos images et leurs légendes.
- Placez vos images dans le répertoire IMG dans des tailles optimisées pour l’affichage
- Compilez le fla.
- Placez les répertoires XML et IMG, ainsi que le swf généré, sur votre ftp, à la racine de la page contenat le swf ou le site
Les variables dans l’ordre de déclaration
- largeur de la galerie
- hauteur de la galerie
- marge entre les images
- nombre de lignes
- nombre de colonnes
- couleur du fond de type arvb (alpha de 00 à ff + code alphanumérique de la couleur
- fichier xml contenant la liste des images et légendes
- affichage de la legende de l’image : true pour oui, false pour non
- clip hote de la galerie
- animation Verticale ou Horizontale (« H » ou « V »)
- type de transition (« translation » ou « rotation »)
Notes:
Si le nombre d’images dans le xml est supérieur à nombre de lignes*nombre de colonnes, seul le nombre maximal sera affiché (nombre de lignes*nombre de colonnes).
Si le nombre d’images dans le xml est inférieur à nombre de lignes*nombre de colonnes, les cases vides sont remplies avec la couleur de fond précisée.
Version AS2:
26 comments
fred says:
sept 19, 2008
Bonjour,
Je souhaiterais intégrer cette superbe galerie d’images, mais peut ‘on modifier le fichier flash avec flash mx 2004, car je n’arrive pas à importer le fichier galerieAS3.fla
merci de votre aide et encore bravo pour cette galerie
Fred
LutinCapuche says:
sept 19, 2008
Salut fred,
Helas non, comme dit dans le titre du poste, il s’agit d’une version as3, a ouvrir avec cs3… Je ne peux rien faire pour t’aider! Sinon tu peux aller voir la version as2
fred says:
sept 22, 2008
merci de votre réponse, je file voir la version as2
merci encore
Fred
lanner says:
oct 17, 2008
Tiens une fois que l’on clique sur l’image elle ne reste pas en couleur comme dans la version AS2
Luko says:
nov 25, 2008
Salut et trop fort ta Galerie !!! mais
Il y a un truc que je ne comprends pas quand tu parles de l’import de LcGalerie en AS3 :
import com.lc.galerie.LcGalerie;
J’ai une erreur d’import normale car dans ton source le répertoire com est dans un un autre dossier appelé src.
Bon j’ai renommé le chemin en
import src.com.lc.galerie.LcGalerie;
ceci fait j’ai encore une erreur à la compilation :
1046: Ce type est introuvable ou n’est pas une constante de compilation : BitmapImage.
Je trouve pas le bug, tu aurais une idée ??? j’ai testé ta source en AS2 et tout fonctionne mais je ne peux compiler l’AS3.
A plus
Luko
admin says:
déc 14, 2008
Salut Luko
Non en fait ilne faut pas que tu change le chemin
C’est dans les parametre d’export de ton fla qu’il faut que tu aille dasn action script et que tu mette le chemin d’acces au repertoire src, ou alors tu met le repertoire com a la racine
Sinon ca change les packages et il faut que tu les renommes tous (1ligne de chque fichier as)
pierre says:
jan 7, 2009
Bonjour,
Je fais partie des nombreuses personnes qui trouve la source utile mais….. je n’arrive pas importer la classe, après une lecture attentive du code et des remarques apparaissant sur le sujet.
Version de Flash: cs3 Pro
Messages à l’export:
1172: La définition com.lc.galerie:LcGalerie est introuvable.
1172: La définition com.lc.galerie:LcGalerie est introuvable.
1046: Ce type est introuvable ou n’est pas une constante de compilation : LcGalerie.
var myGalerie:LcGalerie=new LcGalerie(640,426,2,5,2, »0xFF778737″, »0xFF9E9571″, »0xFF55503C », »XML/galerie.xml »,true,hote_galerie_mc, »H », « Translation »);
Un petit coup de main…. ?
Pierre
Merci et…. Bonne Année.
pierre says:
jan 7, 2009
Effectivement je suis tête en l’air….. tout va pour le mieux.
Remonter bien les dossiers contenus dans le répertoire src à la racine…
bizuth says:
jan 28, 2009
Bonjour à toutes et à tous, je tente d’insérer une galerie dans web plus mais rien n’y fait, elle n’est pas reconnue… Un problème d’incompatibilté peut-être.
Si vous pouviez m’apporter de l’aide, je vous en remercie d’avance.
Sinon, les rendus sont extras.
@++
bizuth says:
jan 29, 2009
Suite à mon mail d’hier, tout est rentré dans l’ordre…
@++
Lorenzo says:
fév 11, 2009
génial !
bizuth says:
fév 11, 2009
Bonjour à toutes et à tous,
aurait-on la possibilité d’ajouter un lien cliquable dans les légendes des photos.
Merci d’avance.
Pascal says:
mar 29, 2009
Quelle super idée cette galerie ! Merci pour ce partage qui m’ouvre de nouveaux horizons
brutus says:
avr 3, 2009
bonjour,
super galerie, par contre il doit y avoir un problème quelque part.
en effet, quand on clique toujours sur la meme image et qu’ensuite on en prend une autre, il affiche toujours la même image (même sur le site)
j’essaye de regarder mais vachement complexe les scripts
<?php bloginfo('name'); ?><?php wp_title(); ?> says:
oct 5, 2009
[...] LcGalerie en AS3 [...]
RekiemArt says:
oct 8, 2009
jolie galerie ! Je vais essayer de la paramétrer pour mes images, merci pour la source !
Jérôme Gaudin says:
mai 7, 2010
Bravo ! … superbe galerie ……….
funkybobot says:
juil 8, 2010
j’ai un soucis çà fonctionne en local mais pas en ligne !
LutinCapuche says:
juil 8, 2010
@funkybobot : vérifie le chemin de tes images par rapport au swf, le problème vient forcément de la. Si tu utilise firebug, tu verras les fichiers que le swf ne trouve pas.
funkybobot says:
juil 12, 2010
oui en effet bien mettre tous les fichiers en minuscules (.fla .xml et même les .jpg)
idem pour les dossiers ‘img’ ‘xml’
par contre même soucis que brutus certaine fois l’image ne se charge pas,
elle reste la même quelque soit la vignette sur laquelle on clique.
LightBen says:
déc 30, 2010
Salut,
Ta galerie est géniale ! J’ai mis du temps mais je suis arrivé à gérer l’import, le dossier IMG et le XML pour créer mon propre SWF… puis j’ai copié le SWF, le dossier XML et le dossier IMG dans l’emplacement voulu, j’ai mis le code dans la page PHP pour insérer le swf… et ça m’affiche un carré blanc…
En fait, j e voudrais insérer ta galerie dans mon site wordpress. Pour cela, j’ai copié le swf et les deux dossiers à l’intérieur du thème (au même niveau que index.php). Et j’ai inséré le code suivant (qui marche pour un autre swf) :
<param name="movie" value="/galerieAS3.swf »>
<embed src="/galerieAS3.swf?linkURL=index.php » quality= »high » pluginspage= »http://www.macromedia.com/go/getflashplayer » type= »application/x-shockwave-flash » width= »280″ height= »280″>
Tu saurais d’où ça peut provenir ?
Merci =)
LightBen says:
déc 30, 2010
Ah, le code s’affiche pas…
Je vais essayer entre balises php des fois sur certains sites ça marche :
<?php
<param name="movie" value="/galerieAS3.swf »>
<embed src="/galerieAS3.swf?linkURL=index.php » quality= »high » pluginspage= »http://www.macromedia.com/go/getflashplayer » type= »application/x-shockwave-flash » width= »280″ height= »280″>
?>
Si je vois que ça marche pas, je t’embête pas avec un troisième commentaire à modérer… mais bon…
LightBen says:
jan 10, 2011
Pourrais-tu me donner le code d’insertion correct dans WordPress ici ou par email si ça marche pas ici s’il te plait ? Tu m’aiderais énormément, j’ai eu beau chercher, je trouve pas…
LutinCapuche says:
jan 10, 2011
Salut LightBen
J’étais en vacances
Je pense que ton pb vient simplement du fait que le swf n’est pas a la racine de ton site, et qu’il faut que tu fasses des tests pour verifier
1.que le xmlest bien loader
2.que le chemin des images est correct
Je te conseilles fortement d’utiliser firebug (plugin ff), qui te permet de voir sur quel chargement il y a un problème et ainsi ajuster tes paths en fonction des erreurs reçues.
En dernier recours, si tu n’y arrives pas, peux tu me donner l’url de ta page ou ca ne fonctionne pas? Je pourrai jeter un œil mais je ne garantis pas les délais, la reprise est dure
++
LightBen says:
jan 10, 2011
Ah, il faut que le swf soit à la racine du site ? Et les autres dossiers aussi je suppose alors ? Parce que si j’ouvre manuellement le swf sur mon PC, il fait bien ce que je veux : 280x280px, les images que je voulais, j’ai pu modifier le xml et tout… je fais des tests avec tous les fichiers dossiers à la racine alors (jusqu’à présent ils étaient à la racine de mon THEME… je sais pas si ça va changer quelque chose mais je vais essayer !)
Tu as l’adresse de mon site normalement, je compte insérer ta superbe galerie dans certains de mes gros carrés bleus vides (je vais essayer de trouver d’autres slideshow flash, et une fois ta galerie faite, je posterai un article à ton honneur et pointant vers ton site)
LutinCapuche says:
jan 10, 2011
Non tu n’es pas obligé de mettre la galerie a la racine, mais si tu la met dans un sous répertoire il faut simplement t’assurer que les path xml et images sont corrects par rapport a ce sous répertoire.
En plus de l’url de ton site j’ai besoin de l’adresse d’une page ou tu as inséré le swf, sinon je ne peux pas voir les erreurs