Comments on: Diaporama sur internet html, javascript ou flash? http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/ Interwebs with passion. Fri, 20 Aug 2010 13:41:37 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Patrick B http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-8359 Patrick B Wed, 07 Jan 2009 17:08:25 +0000 http://www.gatellier.be/blog/?p=94#comment-8359 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 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

]]> By: Patrick B http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-8353 Patrick B Tue, 06 Jan 2009 22:13:34 +0000 http://www.gatellier.be/blog/?p=94#comment-8353 Merci Il se fait tard je verrais demain Merci encore Merci
Il se fait tard je verrais demain
Merci encore

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-8352 Marin Tue, 06 Jan 2009 21:58:05 +0000 http://www.gatellier.be/blog/?p=94#comment-8352 @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. @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.

]]> By: Patrick B http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-8350 Patrick B Tue, 06 Jan 2009 21:50:05 +0000 http://www.gatellier.be/blog/?p=94#comment-8350 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 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

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-156 Marin Wed, 14 Jun 2006 14:45:32 +0000 http://www.gatellier.be/blog/?p=94#comment-156 ho ho hooo! Google vient d'activer les <strong><a href="http://picasaweb.google.com/" rel="nofollow">Picasa Web Albums</a></strong>. 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 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

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-155 Marin Sun, 14 May 2006 09:07:13 +0000 http://www.gatellier.be/blog/?p=94#comment-155 un petit <a href="http://www.yapiodesign.com/blog/?p=32" rel="nofollow">set de template pour Picasa</a> pour générer le fichier xml pour SlideShowPro. Dommage que le langage de script <a href="http://pagead2.googlesyndication.com/pagead/iclk?sa=l&num=0&client=ca-ref-pub-4535722282721319&adurl=http://services.google.com/picasa_referrals_fr.html%3Fai%3DBaWpSHvNmRJ_8KcPawQH9iKzJAYznohXorcj7AcWNtwEAEAEgtIWGBkCIEEiZOVCLyNyxBKABsrun_QOyARB3d3cuZ2F0ZWxsaWVyLmJlyAEC2gEdaHR0cDovL3d3dy5nYXRlbGxpZXIuYmUvYmxvZy_gAQKAAgGVAjQ9MAo&ai=BxHLBHvNmRJ_8KcPawQH9iKzJAYznohXorcj7AcWNtwEAEAEgtIWGBkCIEEiZOVCFrNqL_f____8BoAGyu6f9A7IBEHd3dy5nYXRlbGxpZXIuYmXIAQLaAR1odHRwOi8vd3d3LmdhdGVsbGllci5iZS9ibG9nL-ABAoACAZUCND0wCg" rel="nofollow">Picasa</a> ne permet pas de réécrire un fichier existant -> il reste quelques petites manipulation à faire à la main. 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.

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-154 Marin Thu, 11 May 2006 21:40:48 +0000 http://www.gatellier.be/blog/?p=94#comment-154 Encore un autre trouvé via <a href="http://www.la-grange.net/2006/04/02.html">la-grange</a>: en flash cette fois-ci et surtout en japonais: le <a href="http://www.cinra.org/extra/download">Photo slide show?R?babi?R<</a> de Cinra Le gros plus: un outil d'administration pour <strong>configurer son diaporama</strong>, 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. <a rel="family met sister" href="http://linou.blogspot.com">Linou</a>, tu pourrais me traduire? ;) Même si j'ai compris les 3/4 non? 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?

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-153 Marin Wed, 05 Apr 2006 10:36:26 +0000 http://www.gatellier.be/blog/?p=94#comment-153 Encore un petit diaporama en Javascript employant le framework <a href="http://prototype.conio.net/">Prototype </a>et la librairie d'effets <a href="http://script.aculo.us/">script.aculo.us</a>: <strong><a href="http://www.huddletogether.com/projects/lightbox2/">LightBox</a></strong> Encore un petit diaporama en Javascript employant le framework Prototype et la librairie d'effets script.aculo.us: LightBox

]]> By: Lolo http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-152 Lolo Sat, 01 Apr 2006 13:37:14 +0000 http://www.gatellier.be/blog/?p=94#comment-152 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 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

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-151 Marin Mon, 06 Mar 2006 12:42:12 +0000 http://www.gatellier.be/blog/?p=94#comment-151 je viens de tomber sur un nouveau diaporama tout en flash et qui est compatible picasa <a href="http://www.airtightinteractive.com/projects/postcardviewer/" rel="nofollow">http://www.airtightinteractive.com/projects/postcardviewer/</a> tout bon :) via <a href="http://www.imazine.fr/2006-03/imazine/voyage-photos/" rel="nofollow">Imazine</a> 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

]]> By: Marin http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-150 Marin Wed, 01 Mar 2006 09:55:58 +0000 http://www.gatellier.be/blog/?p=94#comment-150 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 <a href="http://photo.gatellier.be/">mon diaporama</a>, 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 <a href="http://www.sothink.com/product/flashdecompiler/">Sothink SWF Decompiler</a> (version 30 jours d'essais) et j'obtiens dans les actions: <code>xmlFilePath = "images.xml";</code> Je peux donc retrouver tous les chemins vers les images à partir de cet xml: <a href="http://www.gatellier.be/photo/images.xml">images.xml</a> et les télécharger avec <a href="http://www.httrack.com/">mon Spider favori</a>. 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, <a href="http://www.estvideo.com/dew/index/2005/08/15/514-dewslider-20-le-retour-des-diaporamas-en-flash">DewSlider</a>. A bientôt. Marin 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

]]> By: laurent http://www.gatellier.be/blog/diaporama-html-javascript-flash-slideshowpro/comment-page-1/#comment-149 laurent Sun, 19 Feb 2006 21:51:35 +0000 http://www.gatellier.be/blog/?p=94#comment-149 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) 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)

]]>