Voici une petite application que je viens de développer pour me familiariser avec AS3.

Basée sur l’API AS3 Flickr, cette galerie permet d’afficher vos albums photos FlickR dans des carousels disposés dans l’espace.
Le carousel est généré grâce à Papervision 3D, que j’ai ici bien eu l’occasion d’explorer… un vrai bonheur.

Pour visualiser l’application avec mon compte démo en exemple, cliquez ici

Fonctionnalités implémentées:

-affiche jusqu’à 10 carousels
-reflet
-navigation entre les carousels
-zoom sur une image
-légende photo et album
-gestion du resize

Paramètres utilisateur:

-id utilisateur (de la forme 00000000@A00)
-taille des images
-rayon des carousels
-nombre maximum de photos dans un carousel
-titre de l’application

1.Téléchargement de l’application

Flickr Carousel PV3D LC v1.0

2.Installation

Après avoir décompressé l’archive téléchargée, transférer son contenu avec un logiciel FTP dans le répertoire où vous souhaitez afficher l’application. (exemple: « http://www.mondomaine.com/carouselFlick/ ».
C’est à cette adresse que la galerie sera accessible.

3.Configuration

Ouvrez le fichier xml/config.xml

Renseignez votre id d’utilisateur Flickr pour que l’application puisse récupérer vos albums. Cet id est de la forme 00000000@A00

Vous pouvez modifier le nombre maximum d’images à afficher, leur hauteur et largeur, ainsi que le rayon des carousels.
Faites cependant des réglages judicieux pour que le nombre de photos rentrent dans le périmètre du carousel, et qu’elles ne soient pas trop grandes pour l’écran.
Les réglages par défaut lors du téléchargement sont optimisés pour un affichage clair. C’est à vous d’adapter en fonction de vos souhaits.

Mettez ensuite le fichier config.xml en ligne dans le répertoire /xml

It’s done ! Aller sur « http://www.mondomaine.com/carouselFlick/index.html » pour visualiser le résultat.

4. Insertion de la galerie dans une page de contenu.

Copiez le code suivant à l’endroit ou vous souhaitez insérer le swf, en modifiant les paramètres de largeur et de hauteur:


Et n’oubliez pas d’insérer dans votre header les 2 fichiers js qui facilitent l’intégration du swf:
-swfobject
-swfIntegrator




Enfin, copiez le fichier swf et les dossiers xml, scripts et js à la racine du fichier dans lequel vous souhaitez l’afficher.

5. Notes

Attention, la galerie n’est pas stable à 100%, les services flickr sont assez aléatoires par moment lors du téléchargement des images. il se peut donc que celui ci s’ arrête parfois en cours de route. Je cherche comment contourner la faille, pour l’instant il suffit de rafraichir avec un petit F5 pour que tout rentre dans l’ordre.