Diaporama en Flash, Html ou Javascript ?

mea -  
 sissi -
Bonjour, je suis étudiante (mais pas en informatique) et je dois réaliser un diaporama de photos pour un site en html.

Avec quoi vaut il mieux le faire (le plus simple), en flash, en html ou en javascript ?? Et surtout comment le faire ?

Merci pour votre aide.

18 réponses

Résumé de la discussion

Réaliser un diaporama de photos pour un site HTML et choisir entre Flash, HTML ou JavaScript est au centre des échanges, sans solution unique universelle et selon les contraintes techniques et esthétiques. Des solutions sans code existent, comme des diaporamas proposés par des services externes qui fournissent un code HTML prêt à insérer et permettent de modifier les photos directement en ligne. En parallèle, des méthodes basées sur HTML/JavaScript ou des exports d'outils bureautiques comme OpenOffice Impress ou PowerPoint existent, offrant des diaporamas exportables en HTML, parfois plus faciles à publier sans serveur Flash. D'autres retours évoquent des scripts HTML/JS simples ou des exemples en JavaScript, mais nécessitent quelques ajustements et vérifications pour éviter les pubs ou des balises obsolètes.

Bobot (l'IA à votre service)
  1. trecker
     
    Le plus simple est de passer par les diaporamas photos de ComBoost sur https://www.comboost.com/

    Il y a plusieurs modèles de diaporamas que l'on peut paramétrer à ses couleurs et insérer dans un site avec le code html fourni.
    L'intérêt est que même une fois dans le site on peut modifier les phtoos du diaporama simplement depuis comboost sans retoucher au site.
    Et il y a titre + commentaires

    Bonne journée
    36
    1. picsfun
       
      Dans le même genre il y a https://www.joomeo.com/ les photos des diaporamas sont en haute résolution, c'est sympa.
      0
    2. Evines
       
      Moi ca ne marche pas !

      Il m'enlève tout de suite ce que j'ai copier/coller sur la page source (j'utilise Kompozer)
      0
    3. fl
       
      Bonjour,
      C'est quoi comme type de diaporama ? En flash ?
      0
    4. Cyril
       
      Bonjour,

      Je viens également de mettre en ligne http://diaporama.im, en français. Les photos sont automatiquement redimensionnées à la taille souhaitée, et on peut ajouter des légendes, liens, etc. Il suffit ensuite d'insérer une ligne de code à l'emplacement désiré. N'hésitez pas à me faire part de vos remarques.
      0
  2. nossoctoruss
     
    voila,c pas du flash mais c'est déja bien et c'est pas avec un logo publicitaire que les sites de création de diaporama te fouten dans ton diapo et que du coup ca te gache ton diapo,non!boycote ce genre de site! voila un code ypra bien,en tout cas,moi je l'adore,et en faisan des bricolages(pas au niveau du code)tu peu ajouter des transitions,si tu veux savoir comment,dis le moi,ou alor tu me pasee tes images et tu me dis a peu prè se que tu veu comme genre de trantions.
    voila le code, 100% html 100% simple:

    </td></tr>
    </table>
    </td></tr>
    </table>
    </td></tr>
    <!-- A voir-->
    <tr><td><table width="95%" border="0" cellspacing="0" class="t4" align="center" cellpadding="0">
    <tr><td>
    <table width="100%" border="0" cellspacing="0" class="t4" align="center" cellpadding="0">
    <tr><td valign=middle><br>
    <script language="JavaScript1.2">
    var number_of_slideshows=1
    var interval=2000
    var linked=1
    var slideshows=new Array(number_of_slideshows)
    for (i=0; i <number_of_slideshows; i++)
    slideshows[i]=new Array()

    slideshows[0][0]='lien de l'igm n°1'
    slideshows[0][1]='lien de l'igm n°2'
    slideshows[0][2]='lien de l'igm n°3'
    slideshows[0][3]='lien de l'igm n°4'
    slideshows[0][4]='lien de l'igm n°5'

    var slidelinks=new Array(number_of_slideshows)
    for (i=0; i <number_of_slideshows; i++)
    slidelinks[i]=new Array()

    slidelinks[0][0]='lien du site ou va ton navigateur quand tu clic sur l'img n°1(http://tonsite.com)'
    slidelinks[0][1]='lien du site ou va ton navigateur quand tu clic sur l'img n°2(http://tonsite.com)'
    slidelinks[0][2]='lien du site ou va ton navigateur quand tu clic sur l'img n°3(http://tonsite.com)'
    slidelinks[0][3]='lien du site ou va ton navigateur quand tu clic sur l'img n°4(http://tonsite.com)'
    slidelinks[0][4]='lien du site ou va ton navigateur quand tu clic sur l'img n°5(http://tonsite.com)'

    function clickredir(){
    window.location=slidelinks[maininc][subinc]
    }
    var maininc=0
    var subinc=0
    if (linked)
    document.write('<a href="javascript:clickredir()"><img src="'+slideshows[0][0]+'" name="multislide" border=0></a>')
    else
    document.write('<img src="'+slideshows[0][0]+'" name="multislide">')
    function slideit(){
    subinc= (subinc<slideshows[maininc].length-1)? subinc+1: 0
    document.images.multislide.src=slideshows[maininc][subinc]
    }
    function setslide(which){
    clearInterval(runit)
    maininc=which
    subinc=0
    runit=setInterval("slideit()",interval)
    }
    runit=setInterval("slideit()",interval)
    </script>
    </td>
    <td width=10></td>
    <td>

    derien,lol
    23
    1. jojof
       
      Merci! C'est parfait! :D
      0
    2. dielast
       
      merci beaucoup pour ce code qui je doit avouer me sauve la vie !

      Encore merci pour ton partage de connaissance
      0
    3. blomme Messages postés 6 Statut Membre
       
      Perso, ca ne marche pas, j'ai pourtant copié entièrement ce que tu as marqué sur mon document html mais rien n'apparait sur le site.
      Peux tu m'aider STP
      Merci
      0
    4. peintre
       
      Bonsoir,

      Merci pour ce partage enrichissant.
      Par contre, il y a un lien sur les photos dans le script, même lorsqu'elles défilent. N'y a-t-il pas possibilité d'enlever ce lien de façon à ce que personne ne soit tenté de cliquer dessus?

      Merci pour ces infos :o)
      0
    5. SC4i
       
      MERCI, ça fonctionne super bien !!
      0
  3. jjdk Messages postés 249 Date d'inscription   Statut Membre Dernière intervention   60
     
    Salut
    OpenOffice est gratuit.
    Si tu as powerpoint faire le diaporama avec au format ppt.
    Quand il est fini faire un "enregistrer sous", choisir un répertoire vide (pour s'y retrouver ensuite) et selectionner le format "pages Web (*. htm,*.html)" .
    A ce moment cliquer le bouton "publier" et selectionner dans "navigateurs pris en charge", "tous les navigateurs listés..."
    Enfin cliquer le bouton "publier" en bas.
    Ce sont tout les fichiers générés dans le répértoire (vide au départ) qu'il faudra copier sur le serveur.

    Faire des essais sur quelques diapos avant de tout faire.

    jjdk
    10
  4. nossoctorus
     
    voila,(bann pour cose d'admins rageux)
    alors,je ne suis qu'un petit scripteur qui ajoute son grain de sel aux scripts qu'il trouve,je ne peu donc pas répondres a vos besoins,mais je conai une page qui peu vous interesser,++
    http://www.lecodejava.com/javaaimageslideshow.html
    10
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. jjdk Messages postés 249 Date d'inscription   Statut Membre Dernière intervention   60
     
    Salut
    En html
    par exemple faire le diaporoma dans openoffice impress (il fait des présentations comme powerpoint) et l'exporter en html
    jjdk
    5
  7. informapierre Messages postés 465 Statut Membre 49
     
    Perso moi j'utiliserais je logitiel E-anim qui fait du flash par ce que avec flash tu peux rajouter plin de truc dans les diapo ;)
    3
  8. nossoctoruss
     
    ptit correction:"et que je ne peu pas *upload le html et le js" dsl
    3
  9. nossoctoruss
     
    o fet,j'ai fais une ptit erreur quand j'ai ecrit mon code,ca ne change pas son bon foncionnement,mais bon:

    les balises:
    </td></tr>
    </table>
    </td></tr>
    </table>
    </td></tr>

    qui sont au debut ne servent a rien ;)
    2
    1. fred
       
      Salut, est-ce que tu crois que je peux intégrer ton code dans iWeb d'Apple ?

      Merci
      0
  10. nossoctoruss
     
    avec plaisir ^^du moment que sa aide je donne tout mes codes!
    1
    1. fanoitbeny
       
      merci beaucoup!!!! C'est génial!
      0
  11. nossoctoruss
     
    ya pas dquoi ;)
    1
    1. ramses54
       
      Super ton script pour le diaporama en Html.
      je l'utilise comme ça. mais si tu as le temps, des petit transition seraient les bienvenues. pas trop compliqué juste un fondu (bon je sais aps si c'est simple). ;)
      par contre tu as des ouvrage de ref pour la programmation en javacript?
      merci $de toute façon de ne manquerai pas de te citer pour ton aide.
      A+
      0
  12. William_Peterson Messages postés 9 Statut Membre 3
     
    OpenOffice, san animations.

    Wondershare PPT2Flash

    Ce petit utilitaire vous permet de créer simplement des présentations et animations et de les sauvegarder au format SWF Flash.
    Les présentations sont intégrées à une page HTML ou bien enregistrées dans un fichier auto-executable.

    Plus:
    http://www.sameshow.com/powerpoint-to-flash.html
    http://www.sameshow.com/powerpoint-to-flash-pro.html

    :)
    0
  13. foux
     
    Hello,

    Perso j'utilise le logiciel Speechi (www.speechi.net)

    C'est un plug-in de powerpoint qui transforme vos diaporamas en flash en un seul clic.

    Et en plus la version light de Speechi est gratuite.

    @++
    0
  14. nossoctoruss
     
    oui mais pour les gens comme moi,qui n'ont pas de service ftp,mon code est vachement bien,parce que le tien,ca doi etre un flash et que pour le flash,il faut toujours un doc js a uplad,et que je ne peu pas unpload le html et le js
    0
    1. loupiot
       
      merci pour ton diapo...mais j'aimerais ouvrir les liens dans une nouvelle fenetre comment modifier le code ?

      merci ?olivier
      0
  15. bonjour59 Messages postés 200 Statut Membre 8
     
    Bonjour, comment exporter ce diaporama en HTML MErci
    0
  16. Virginie
     
    Bonjour à tous,

    J'essaie depuis quelques heures d'insérer un mini diapo de photos sur mon wordpress, sans succès. Je recherche simplement un code qui fasse apparaître chaque photo successivement, quelques secondes, sans lien de redirection, sans bordure, tout se qu'il y a de plus simple en fait!! J'ai essayé plusieurs codes Html, mais l'image défile de gauche à droite...

    Quelqu'un peut il m'aider? Merci par avance!!
    0
  17. mea
     
    Merci jjdk pour l'info

    P. S.: Est-ce que openoffice impress est gratuit ??
    -2
  18. mea
     
    euh si c'est comme powerpoint, j'ai ce logiciel mais je sais pas comment le mettre en ligne. Si je l'upload en .pps, faut-il rajouter quelque chose ou convertir le format ??

    Est-ce que le diaporama ne va pas être trop lourd ? J'ai pas trop d'espace et j'ai trop de photos a mettre en ligne alors j'essaye de jongler avec les deux, sachant que le diaporama doit-être le plus léger possible.

    merci pour les infos.
    -2
    1. sissi
       
      Bonjour
      Peut-on mettre plusieurs diaporamas HTML sur une meme page web ? Si oui comment ? Merci..
      0