Si une image vaut mille mots, que vaut une galerie d’images sur un site Web? Pour de nombreux propriétaires de sites, cela n’a pas de prix. Contrairement à l’utilisation d’un service de galerie hébergé comme Flickr, une galerie d’images personnalisée vous permet d’afficher des images dans votre conception, en utilisant votre image de marque ou votre thème. Le problème avec la création de votre propre galerie est de gérer les images, les légendes et la navigation. Pour la plupart des propriétaires de sites, le moyen le plus simple de gérer les galeries de photos est de les définir en XML.
Table des matières
Qu’est-ce que XML?
XML signifie Extensible Markup Language. C’est un méta-langage, ce qui signifie qu’un document XML contient et définit à la fois le format des données qu’il transporte. Il est principalement utilisé pour générer des données sur le Web pour une variété d’utilisations. Pour une galerie de photos, le document peut ressembler à ceci:
<?xml version="1.0" encoding="UTF-8"?><slideshow> <image src="https://web-design.lovetoknow.com/web-coding/images/one.jpg" caption="One"/> <image src="images/two.jpg" caption="Two"/> <image src="images/three.jpg" caption="Three"/> <image src="images/four.jpg" caption="Four"/> <image src="images/five.jpg" caption="Five"/></slideshow>
Création d’une galerie de photos avec un langage de script et XML
Pour créer une galerie de photos XML dans un langage de script comme ASP.Net, ColdFusion ou PHP, le document XML est utilisé comme base de données. La plupart des langages de script ont des fonctions intégrées qui traduisent les données XML en objets de données référençables. Une fois que le XML est analysé dans sa forme de données, vous pouvez utiliser ces données pour afficher des images et la navigation.
Création d’une galerie de photos avec Flash ou Silverlight et XML
Semblable à l’utilisation d’un langage de script, la tâche principale de la gestion de votre galerie de photos animées avec XML est de transformer le fichier XML en données pouvant être lues par Flash ou Silverlight. En utilisant une fonction Flash ou Silverlight (telle que urlLoader dans Flash), vous importeriez le document dans une variable qui peut être analysée en données (telle que onXMLLoadComplete dans Flash). Les données accessibles sont désormais accessibles.
Utilisation d’une galerie prédéfinie ou d’un composant de diaporama
De loin, le moyen le plus simple d’inclure une galerie de photos ou un diaporama XML sur votre site Web serait d’utiliser un composant Flash ou Silverlight prédéfini. Il existe plusieurs composants populaires sur le marché, dirigés par SlideShowPro et Flash Components.Net. La configuration de ces composants est simple. Déposez simplement le composant dans votre document, spécifiez la source XML et modifiez les options telles que les légendes, les transitions, le suivant automatique et d’autres paramètres d’apparence. En moins de cinq minutes, votre galerie est prête à être affichée. Avec des composants prédéfinis, vous devrez vous assurer que votre XML est conforme aux normes applicables.
Gestion des données avec XML
Si vous avez besoin de mettre à jour votre galerie de photos, c’est aussi simple que de mettre à jour un document. Avec n’importe quel éditeur de texte brut (comme le Bloc-notes) ou un éditeur XML (comme Dreamweaver), vous pouvez mettre à jour le document pour ajouter, modifier ou supprimer des photos apparaissant dans votre galerie. Les utilisateurs avancés pourraient même créer des documents XML à partir de la sortie de la base de données, éliminant ainsi le besoin d’une administration séparée.
Simple mais puissant
La puissance de XML réside dans sa simplicité. Il s’agit d’un format de données universel, capable de s’interfacer avec toutes sortes de systèmes informatiques (y compris les serveurs Web et les applications Flash) et de produire toutes sortes de données (y compris les données de galerie de photos). La combinaison de données XML avec un peu de programmation ou de composants existants permet aux propriétaires de sites Web d’avoir des galeries de photos riches et faciles à gérer.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
