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 :

Bitmap Galerie LutinCapuche v3. Téléchargez le player flash !

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:

Accédez ici à la version AS2