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.Diaporama Pupius.co.uk

    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 écranDiaporama Couloir.org

    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 bienDiaporama flash photo.gatellier.be

    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?”

  1. laurent le 19/02/2006 à 22h51.

    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)

  2. Marin le 01/03/2006 à 10h55.

    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

  3. Marin le 06/03/2006 à 13h42.

    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

  4. Lolo le 01/04/2006 à 15h37.

    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

  5. Marin le 05/04/2006 à 12h36.

    Encore un petit diaporama en Javascript employant le framework Prototype et la librairie d'effets script.aculo.us: LightBox

  6. Marin le 11/05/2006 à 23h40.

    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?

  7. Marin le 14/05/2006 à 11h07.

    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.

  8. Marin le 14/06/2006 à 16h45.

    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

  9. Patrick B le 06/01/2009 à 23h50.

    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

  10. Marin le 06/01/2009 à 23h58.

    @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.

  11. Patrick B le 07/01/2009 à 00h13.

    Merci
    Il se fait tard je verrais demain
    Merci encore

  12. Patrick B le 07/01/2009 à 19h08.

    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

Laissez un commentaire