Diaporama sur internet html, javascript ou flash?
Je me demande toujours quel est le meilleur moyen pour afficher une série de photos sur un site web:
Il y a plusieurs solutions possible:
- une page html reprenant avec des vignettes à cliquer qui pointe vers, à chaque fois, vers une autre page reprenant le détail de la photo.
Avantage: un très bon référencement.
Inconvéniant: peut-être compliqué parce que si on n’emploie pas d’outils pour générer ces pages, le travail peut être fastidieux. -> employer une base de donnée et une technologie server-side
l’ergonomie de l’interface est assez limitée.ex: pupius, photos tchorski
- un diaporama en javascript permet de visualiser toutes les images sur un seul écran
Avantage: l’interface peut être plus ergonomique; toutes les images peuvent tenir dans un écran
Inconvéniant: portabilité cross-platform/cross-media, la mise en oeuvre peut-être plus complexe pour des novices.ex: couloir.org
- un diaporama en flash bien construit pourrait-être la solution idéale. J’ai essayé slideshowpro.net et, à vrai dire, j’aime bien
Avantage: l’interface est complètement modulable, les images sont gérés par un fichier xml, les pages sont “bookmarkables”, le player flash est disponible sur beaucoup de plateformes, etc
Inconvéniant: slideshowpro.net est une solution payante ($20) et elle requiert le logiciel Macromedia Flash
Verdict? personnellement, je vote pour la solution flash. Et vous?
Comments
12 commentaires à “Diaporama sur internet html, javascript ou flash?”
Laissez un commentaire
Sympa le petit benchmark.. histoire d’amener un peu d’eau à ton moulin.
Solution HTML : c’est la solution qui permet le meilleur référencement mais sous réserve de faire le nécessaire tout de même : nom de fichier image fancy, alt attribute tage , titre de pages et H1 descriptifs de l’images etc…
Point de vue ergonomie : ne confondons pas ergonomie et interactivité. certe Flash et javacript permettent plus d’interactivité mais pas forcément plus d’ergonomie.
Point de vue cohérence avec le média web : l’HTML est plus ergonomique car 1 URL par Image et back button fonctionne
Avantage de FLASH : pomper la photo est un poil plus difficile (il faut faire une cartpure d’écran)
En effet, c’est plus difficile de télécharger les photos pour un diaporama en Flash; mais en s’y connaissant un peu il y a toujours moyen:
La majorité des diaporama en Flash (les mieux conçus en tout cas – car maintenables plus facilement) utilisent un fichier xml qui reprend les références vers les images. Il “suffit” donc de retrouver ce fichier xml.
Pour mon diaporama, le chemin vers le xml est inclus dans le film flash en lui même -> je télécharge le film swf et je l’ouvre avec Sothink SWF Decompiler (version 30 jours d’essais) et j’obtiens dans les actions:
xmlFilePath = "images.xml";
Je peux donc retrouver tous les chemins vers les images à partir de cet xml:
images.xml et les télécharger avec mon Spider favori.
Pour ceux qui n’ont pas 20 USD à investir dans un Diaporama en Flash, j’ajoute qu’il en existe un, ma fois bien fait, DewSlider.
A bientôt.
Marin
je viens de tomber sur un nouveau diaporama tout en flash et qui est compatible picasa
http://www.airtightinteractive.com/projects/postcardviewer/
tout bon 🙂
via Imazine
Coucou Marinou, j’ai jete un coup d’oeil sur tes photos sur photo.gatellier.be, tres chouette! Ca me donne une idee de la vie du jeune Belge qu’est mon frerot cheri! J’attends avec impatience d’autres photos celles du Japon entre autres… pour feter 1 an apres ton retour?)
Bizz
Encore un petit diaporama en Javascript employant le framework Prototype et la librairie d’effets script.aculo.us: LightBox
Encore un autre trouvé via la-grange: en flash cette fois-ci et surtout en japonais: le Photo slide show?R?babi?R< de Cinra
Le gros plus: un outil d’administration pour configurer son diaporama, en entrant quelques paramètres (couleurs, titres, …) le site nous génère des lignes de code qu’il n’y aura qu’à copier et coller.
Sympatique.
Linou, tu pourrais me traduire? 😉
Même si j’ai compris les 3/4 non?
un petit set de template pour Picasa pour générer le fichier xml pour SlideShowPro.
Dommage que le langage de script Picasa ne permet pas de réécrire un fichier existant -> il reste quelques petites manipulation à faire à la main.
ho ho hooo! Google vient d’activer les Picasa Web Albums. Les utilisateurs enregistrés (j’attends ma clé) peuvent créer des galleries en ligne directement depuis Picasa. Joli
J’attends ma clé puis je teste et je fais un petit rapport
Bonsoir
J’ai téléchargé le diaporama de chez Couloir.org, mais celui-ci ne permet de charger que 5 photos.
Que dois-je modifier pour en charger plus.
Merci
@Patrick, il faut modifier le fichier slideshow.js de l’archive zip (comme ici: http://www.couloir.org/js_slideshow/js/slideshow.js) tu peux changer le chemin vers tes images à la ligne 20
pour rajouter des images, tu modifies ces lignes-ci:
// Define each photo’s name, height, width, and caption
var photoArray = new Array(
// nom du fichier, largeur, hauteur, texte affiché
new Array(“IMG_0470.jpg”, “600”, “450”, “Cycling from Telluride to Moab”),
new Array(“IMG_2441.jpg”, “582”, “350”, “Mt. Toll as seen from the slopes of Mt. Audubon”),
new Array(“IMG_2449.jpg”, “600”, “300”, “Taking flight from the summit of Paiute”),
new Array(“IMG_0677.jpg”, “650”, “488”, “Plodding up Queen’s Way Couloir on Apache”),
new Array(“P3220073.jpg”, “600”, “400”, “A storm brews in the distance (Red Rocks, NV)”)
);
J’espère que ça peut aider.
Merci
Il se fait tard je verrais demain
Merci encore
Bonjour Marin
Donc me revoilà…
Ce que tu m’as expliqué hier soir, c’est ce que je faisais, mais donc, ça ne fonctionne pas.
De peur d’avoir fait une erreur quelque part, j’ai modifier directement le fichier slideshow.js décompressé, en reprenant les photos contenues déja dans le dossier Photos/01 de l’archive.
Le résultat est le même, ça ne fonctionne pas, d’ailleurs plus aucune photos ne s’affiche.
Encore une fois merci de m’aider.
Patrick