Portfolio depuis fichier xml

 

On se propose de montrer comment créer un diaporama à partir d'un fichier xml.

⇒ animation ⇐

J'ai réalisé une application plus complète (bilingue) : Camping Les beauxreves.
Voir la partie consacrée à l'album photos : celles-ci sont affichées par série de 20.
Quand vous déplacez la souris sur un numéro, celui-ci change de couleur et une miniature apparaît.
Quand la souris quitte ce même numéro, la miniature disparaît.
Si vous cliquez sur le numéro, la diapositive et sa légende s'affichent.

Les différentes étapes vont être décrites maintenant.

Le fichier xml

Dans cet exemple, celui-ci s'appelle portfolio.xml. Voici sa structure :

<?xml version="1.0" encoding="UTF-8" ?>
<portfolio>
      <slide>
      <thumbnail url="zlin-savage-cruiser-thumb.jpg" />
      <diapo url="zlin-savage-cruiser.jpg" />
      <legende>Le bon moyen de se déplacer dans les grands espaces du Canada.</legende>
     </slide>
etc....
     <slide>
          <thumbnail url="ka50-thumb.jpg" />
          <diapo url="ka50.jpg" />
          <legende>Un gros insecte russe : le KA50.</legende>
     </slide>
</portfolio>

Le principal avantage réside dans le fait que vous pouvez indiquer une url complète http://
Remarques trés importantes :
- Lorsque vous utiliserez un éditeur de texte pour créer le fichier xml, pensez à convertir ce fichier, dés qu'il est définitivement terminé, en Unicode ANSI to UTF-8 sinon les caractères accentués n'apparaîtront pas ou seront remplacés par d'autres signes (asiatiques ou autres).
- Exportez en SWF9 sinon les index ne seront pas affichés.

Création des Objets

Ce qui suit correspond à l'animation en cours.
Comme je ne fournis pas les images, ce sera à vous d'adapter les dimensions.
Seuls les scripts seront inchangés.

1 - Définissez les dimensions générales 640x640. Couleur de fond #333333.
Frame rate = 25.

2 - Créez un texte dynamique dans le bas de l'animation. ( variable : txtdyn )

Le script de l'animation

Entrez le script suivant dans Scene_1 :

Et voilà, c'est terminé !
On aurait pu se dispenser des images miniatures en prenant les images réelles mais en réduisant l'échelle dans la zone de définition de thumbnail.
On pourrait faire évoluer cette animation en ne mettant que 10 numéros et 2 boutons qui permettraient alors d'afficher des séries de 10 images.
On pourrait aussi ajouter un timer pour avoir un affichage automatique.

 


Si vous aimez le site

 

Select a language if you need :


Page chargée en 0.004 sec.

Dernière Modification : Mer 25 Janvier 2017 8:56
Copyright © 1999-2017 Jean-Paul Molina Tous droits réservés.

vers Google