- Logiciel de tirage au sort de photos HTML
- Partage de photos - Guide
- Logiciel de sauvegarde gratuit - Guide
- Money logiciel - Télécharger - Comptabilité & Facturation
- Télécharger toutes les photos de google photo - Guide
- Logiciel montage vidéo gratuit windows 10 - Guide
5 réponses
18 févr. 2023 à 14:16
Bonjour,
Ton fichier contient du "vbscript"
Quand l'extension est .hta, il est ouvert par windows qui exécute le vbscript
Quand l'extension est .html, il est ouvert par ton navigateur Edge qui ne connait pas le vbscript
il lui faut du javascript.
Pour avoir un fichier html fonctionnel, il faut
remplacer :
<script language="vbscript"> sub tirage() randomize timer document.getElementById("image").src= int(rnd*118)+1 & ".jpg" end sub </script>
par
<script type="text/javascript"> function tirage(){ document.getElementById("image").src= (Math.floor(Math.random() * 118) + 1) + ".jpg" } </script>
Et remplacer :
<input type="button" id="tirage" value="Tirer au sort!" onclick="tirage"/><br/>
par
<input type="button" id="tirage" value="Tirer au sort!" onclick="tirage()"/><br/>
20 févr. 2023 à 08:53
Bonjour,
Pour faire simple :
remplacer
<img id="image"/>
par
<img id="image" src="image_bienvenue.jpg"/>
Si tu es motivé, tu peux commencer ici :
https://websitesetup.developpez.com/tutoriels/html5/guide-debutant/
N'oublie pas de marquer ton sujet en Résolu
Bonne journée
21 févr. 2023 à 21:22
Bonjour superbe ce guide, je voudrais devenir développeur web pour créer des sites internet. par où puis-je commencer ? Merci d'avance
Bonjour,
J'ai voulu corser un peu le sujet mais là, ça coince (je dois être vraiment une quiche)
D'avance merci de votre aide.
Dans le code suivant: le bouton "click me" fonctionne bien , l'ascenseur pour les images fonctionne bien, par contre le bouton "tirage au sort" ne fonctionne pas. D'avance merci.
Ci-dessous, le code :
</option> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="shortcut icon" href="favicon.ico"> <title>Mimes Bruno</title> <link rel="stylesheet" href="styles.css" /> <SCRIPT LANGUAGE="JavaScript"> function getRndInteger(min, max) { return Math.floor(Math.random() * (max - min)) + min; } var rotate_delay = 1000; current = 0; function next() { if (document.slideform.slide[current + 1]) { document.images.show.src = document.slideform.slide[current + 1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current - 1 >= 0) { document.images.show.src = document.slideform.slide[current - 1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length - 1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length - 1) ? 0 : current + 1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> </script> </head> <body> <div id="timer"></div> <script src="timer.js"></script> <script type="text/javascript"> function tirage() { document.getElementById("image").src = (Math.floor(Math.random() * 118) + 1) + ".jpg" } </script> <center> <button onclick="document.getElementById('demo').innerHTML = getRndInteger(1, 118)">Click Me</button> <p id="demo"><!--</p>--> <form name=slideform> <input type="button" id="tirage" value="Tirer au sort!" onclick="tirage()"/><br/> <img id="image"/> <font size="8pt"><div style="text-align:center"> <balise style="background : #C0C0C0 ; display : inline ;">Photos-<i>Mimes</i><b>"Papy Nono"</b></balise></div> </font> <table cellspacing=0 cellpadding=0 bgcolor="#C0C0C0"> <td align=center bgcolor="#C0C0C0" width=300 height=300> <table border="13" bordercolor="#C0C0C0" bgcolor="#C0C0C0" width="50%" <div style="text-align:center"> <tr> <td align=center bgcolor="#C0C0C0"> </td> </tr> <tr> <td align=center bgcolor="white" width=200 height=150> <img src="JPEG/logo.gif" name="show" alt="" /> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0" width=0 height=0> <select name="slide" onChange="change();"> <option value="JPEG/logo.gif" selected> 0 <option value="JPEG/ accoucher.jpg" >1 <option value="JPEG/ acheterquelqueschose.jpg" >2 <option value="JPEG/ acteur.jpg" >3 <option value="JPEG/ agriculteur.jpg" >4 <option value="JPEG/ alpiniste.jpg" >5 <option value="JPEG/ animateur.jpg" >6 <option value="JPEG/ arraignee.jpg" >7 <option value="JPEG/ avion.jpg" >8 <option value="JPEG/ badminton.jpg" >9 <option value="JPEG/ baleine.jpg" >10 <option value="JPEG/ ballon.jpg" >11 <option value="JPEG/ baseball.jpg" >12 <option value="JPEG/ bateau.jpg" >13 <option value="JPEG/ billard.jpg" >14 <option value="JPEG/ bison.jpg" >15 <option value="JPEG/ boucher.jpg" >16 <option value="JPEG/ boulanger.jpg" >17 <option value="JPEG/ bowling.jpg" >18 <option value="JPEG/ boxe.jpg" >19 <option value="JPEG/ bronzer.jpg" >20 <option value="JPEG/ brosseadents.jpg" >21 <option value="JPEG/ cameraman.jpg" >22 <option value="JPEG/ camion.jpg" >23 <option value="JPEG/ camionpompiers.jpg" >24 <option value="JPEG/ canape.jpg" >25 <option value="JPEG/ canard.jpg" >26 <option value="JPEG/ carrossier.jpg" >27 <option value="JPEG/ cascadeur.jpg" >28 <option value="JPEG/ castor.jpg" >29 <option value="JPEG/ ceinture.jpg" >30 <option value="JPEG/ cerf.jpg" >31 <option value="JPEG/ chaise.jpg" >32 <option value="JPEG/ changerunbebe.jpg" >33 <option value="JPEG/ chanteur.jpg" >34 <option value="JPEG/ chat.jpg" >35 <option value="JPEG/ chauffeur.jpg" >36 <option value="JPEG/ chaussette.jpg" >37 <option value="JPEG/ chefdorchestre.jpg" >38 <option value="JPEG/ cheval.jpg" >39 <option value="JPEG/ chevre.jpg" >40 <option value="JPEG/ chien.jpg" >41 <option value="JPEG/ clouer.jpg" >42 <option value="JPEG/ coiffeur.jpg" >43 <option value="JPEG/ compter.jpg" >44 <option value="JPEG/ course.jpg" >45 <option value="JPEG/ couturier.jpg" >46 <option value="JPEG/ crabe.jpg" >47 <option value="JPEG/ cueillirdescerises.jpg" >48 <option value="JPEG/ cuisinier.jpg" >49 <option value="JPEG/ cyclisme.jpg" >50 <option value="JPEG/ danserunslow.jpg" >51 <option value="JPEG/ deltaplane.jpg" >52 <option value="JPEG/ docteur.jpg" >53 <option value="JPEG/ dormir.jpg" >54 <option value="JPEG/ draguer.jpg" >55 <option value="JPEG/ elephant.jpg" >56 <option value="JPEG/ embrasser.jpg" >57 <option value="JPEG/ eplucherdespatates.jpg" >58 <option value="JPEG/ espionner.jpg" >59 <option value="JPEG/ etendredulinge.jpg" >60 <option value="JPEG/ etremalade.jpg" >61 <option value="JPEG/ fairelavaisselle.jpg" >62 <option value="JPEG/ fleuriste.jpg" >63 <option value="JPEG/ flipper.jpg" >64 <option value="JPEG/ fourmi.jpg" >65 <option value="JPEG/ girafe.jpg" >66 <option value="JPEG/ golf.jpg" >67 <option value="JPEG/ grenouille.jpg" >68 <option value="JPEG/ heron.jpg" >69 <option value="JPEG/ hyene.jpg" >70 <option value="JPEG/ infirmiere.jpg" >71 <option value="JPEG/ jongleur.jpg" >72 <option value="JPEG/ kangourou.jpg" >73 <option value="JPEG/ kayak.jpg" >74 <option value="JPEG/ koala.jpg" >75 <option value="JPEG/ lapin.jpg" >76 <option value="JPEG/ limace.jpg" >77 <option value="JPEG/ macon.jpg" >78 <option value="JPEG/ mangerdesspaghettis.jpg" >79 <option value="JPEG/ menuisier.jpg" >80 <option value="JPEG/ monteedecorde.jpg" >81 <option value="JPEG/ nager.jpg" >82 <option value="JPEG/ orthophoniste.jpg" >83 <option value="JPEG/ otarie.jpg" >84 <option value="JPEG/ ouvriruneboite.jpg" >85 <option value="JPEG/ petanque.jpg" >86 <option value="JPEG/ photographe.jpg" >87 <option value="JPEG/ pingouin.jpg" >88 <option value="JPEG/ pingpong.jpg" >89 <option value="JPEG/ pleurer.jpg" >90 <option value="JPEG/ plombier.jpg" >91 <option value="JPEG/ poissonnier.jpg" >92 <option value="JPEG/ poule.jpg" >93 <option value="JPEG/ queue.jpg" >94 <option value="JPEG/ regarderlatele.jpg" >95 <option value="JPEG/ repasser.jpg" >96 <option value="JPEG/ rhinoceros.jpg" >97 <option value="JPEG/ sedeshabiller.jpg" >98 <option value="JPEG/ semaquiller.jpg" >99 <option value="JPEG/ serpent.jpg" >100 <option value="JPEG/ sifler.jpg" >101 <option value="JPEG/ signer.jpg" >102 <option value="JPEG/ singe.jpg" >103 <option value="JPEG/ soldat.jpg" >104 <option value="JPEG/ telephone.jpg" >105 <option value="JPEG/ tiralarc.jpg" >106 <option value="JPEG/ tomberdanslespommes.jpg" >107 <option value="JPEG/ tondrelapelouse.jpg" >108 <option value="JPEG/ tortue.jpg" >109 <option value="JPEG/ tricoteuse.jpg" >110 <option value="JPEG/ valise.jpg" >111 <option value="JPEG/ versdeterre.jpg" >112 <option value="JPEG/ veterinaire.jpg" >113 <option value="JPEG/ webmaster.jpg" >114 <option value="JPEG/ yannicknoah.jpg" >115 <option value="JPEG/ yoyo.jpg" >116 <option value="JPEG/ zebre.jpg" >117 <option value="JPEG/ zorro.jpg" >118 </td> </tr> </center> </body> </html>
EDIT MODERATION : Mise en forme du code en utilisant l'icone prévue à cet effet lors de la rédaction du message !!
Merci d'y penser à l'avenir !!
22 févr. 2023 à 10:05
Bonjour,
Merci d'utiliser l'icone prévue à cet effet pour poster ton code sur le forum.
Ensuite...
- Tes balises option ne sont pas fermées
- Ton tableau n'est pas fermé non plus.
- Pour être sûr que ton JS ( JS = JavaScript ) fonctionne, déplace le à la fin de ta page ( juste avant le </body> )
.
Fais ces modifications et reteste ..
Si le souci persiste, montre nous le code modifié.
Pense aussi à regarder dans la "console" de ton navigateur internet pour voir si il n'y aurait pas des indications / messages d'erreur pouvant expliquer le dysfonctionnement. (fais nous en une capture d'écran et montre la nous .. )
Modifié le 22 févr. 2023 à 12:09
Merci jordane45.
Toujours le même soucis.
Ascenseur fonctionne, pas tirage au sort.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="shortcut icon" href="favicon.ico" /> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Mimes Bruno</title> <SCRIPT LANGUAGE="JavaScript"> var rotate_delay = 1000; current = 0; function next() { if (document.slideform.slide[current+1]) { document.images.show.src = document.slideform.slide[current+1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current-1 >= 0) { document.images.show.src = document.slideform.slide[current-1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length-1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length-1) ? 0 : current+1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> </script> </head> <body> <center> <form name=slideform> <table cellspacing=1 cellpadding=4 bgcolor="#000000"> <tr> <td align=center bgcolor="white"> <b><FONT size="10pt">Photos Mimes Bruno</font></b><tr> </td> </tr> <tr> <td align=center bgcolor="white" width=200 height=150> <img src="JPEG/logo.gif" name="show" alt="" /> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <input type=button onClick="tirage();" value="Tirer au sort!"></td> <select name="slide" onChange="change();"> <option value="JPEG/logo.gif" selected> 0 <option value="JPEG/ accoucher.jpg" >1 <option value="JPEG/ acheterquelqueschose.jpg" >2 <option value="JPEG/ acteur.jpg" >3 <option value="JPEG/ agriculteur.jpg" >4 <option value="JPEG/ alpiniste.jpg" >5 <option value="JPEG/ animateur.jpg" >6 <option value="JPEG/ arraignee.jpg" >7 <option value="JPEG/ avion.jpg" >8 <option value="JPEG/ badminton.jpg" >9 <option value="JPEG/ baleine.jpg" >10 <option value="JPEG/ ballon.jpg" >11 <option value="JPEG/ baseball.jpg" >12 <option value="JPEG/ bateau.jpg" >13 <option value="JPEG/ billard.jpg" >14 <option value="JPEG/ bison.jpg" >15 <option value="JPEG/ boucher.jpg" >16 <option value="JPEG/ boulanger.jpg" >17 <option value="JPEG/ bowling.jpg" >18 <option value="JPEG/ boxe.jpg" >19 <option value="JPEG/ bronzer.jpg" >20 <option value="JPEG/ brosseadents.jpg" >21 <option value="JPEG/ cameraman.jpg" >22 <option value="JPEG/ camion.jpg" >23 <option value="JPEG/ camionpompiers.jpg" >24 <option value="JPEG/ canape.jpg" >25 <option value="JPEG/ canard.jpg" >26 <option value="JPEG/ carrossier.jpg" >27 <option value="JPEG/ cascadeur.jpg" >28 <option value="JPEG/ castor.jpg" >29 <option value="JPEG/ ceinture.jpg" >30 <option value="JPEG/ cerf.jpg" >31 <option value="JPEG/ chaise.jpg" >32 <option value="JPEG/ changerunbebe.jpg" >33 <option value="JPEG/ chanteur.jpg" >34 <option value="JPEG/ chat.jpg" >35 <option value="JPEG/ chauffeur.jpg" >36 <option value="JPEG/ chaussette.jpg" >37 <option value="JPEG/ chefdorchestre.jpg" >38 <option value="JPEG/ cheval.jpg" >39 <option value="JPEG/ chevre.jpg" >40 <option value="JPEG/ chien.jpg" >41 <option value="JPEG/ clouer.jpg" >42 <option value="JPEG/ coiffeur.jpg" >43 <option value="JPEG/ compter.jpg" >44 <option value="JPEG/ course.jpg" >45 <option value="JPEG/ couturier.jpg" >46 <option value="JPEG/ crabe.jpg" >47 <option value="JPEG/ cueillirdescerises.jpg" >48 <option value="JPEG/ cuisinier.jpg" >49 <option value="JPEG/ cyclisme.jpg" >50 <option value="JPEG/ danserunslow.jpg" >51 <option value="JPEG/ deltaplane.jpg" >52 <option value="JPEG/ docteur.jpg" >53 <option value="JPEG/ dormir.jpg" >54 <option value="JPEG/ draguer.jpg" >55 <option value="JPEG/ elephant.jpg" >56 <option value="JPEG/ embrasser.jpg" >57 <option value="JPEG/ eplucherdespatates.jpg" >58 <option value="JPEG/ espionner.jpg" >59 <option value="JPEG/ etendredulinge.jpg" >60 <option value="JPEG/ etremalade.jpg" >61 <option value="JPEG/ fairelavaisselle.jpg" >62 <option value="JPEG/ fleuriste.jpg" >63 <option value="JPEG/ flipper.jpg" >64 <option value="JPEG/ fourmi.jpg" >65 <option value="JPEG/ girafe.jpg" >66 <option value="JPEG/ golf.jpg" >67 <option value="JPEG/ grenouille.jpg" >68 <option value="JPEG/ heron.jpg" >69 <option value="JPEG/ hyene.jpg" >70 <option value="JPEG/ infirmiere.jpg" >71 <option value="JPEG/ jongleur.jpg" >72 <option value="JPEG/ kangourou.jpg" >73 <option value="JPEG/ kayak.jpg" >74 <option value="JPEG/ koala.jpg" >75 <option value="JPEG/ lapin.jpg" >76 <option value="JPEG/ limace.jpg" >77 <option value="JPEG/ macon.jpg" >78 <option value="JPEG/ mangerdesspaghettis.jpg" >79 <option value="JPEG/ menuisier.jpg" >80 <option value="JPEG/ monteedecorde.jpg" >81 <option value="JPEG/ nager.jpg" >82 <option value="JPEG/ orthophoniste.jpg" >83 <option value="JPEG/ otarie.jpg" >84 <option value="JPEG/ ouvriruneboite.jpg" >85 <option value="JPEG/ petanque.jpg" >86 <option value="JPEG/ photographe.jpg" >87 <option value="JPEG/ pingouin.jpg" >88 <option value="JPEG/ pingpong.jpg" >89 <option value="JPEG/ pleurer.jpg" >90 <option value="JPEG/ plombier.jpg" >91 <option value="JPEG/ poissonnier.jpg" >92 <option value="JPEG/ poule.jpg" >93 <option value="JPEG/ queue.jpg" >94 <option value="JPEG/ regarderlatele.jpg" >95 <option value="JPEG/ repasser.jpg" >96 <option value="JPEG/ rhinoceros.jpg" >97 <option value="JPEG/ sedeshabiller.jpg" >98 <option value="JPEG/ semaquiller.jpg" >99 <option value="JPEG/ serpent.jpg" >100 <option value="JPEG/ sifler.jpg" >101 <option value="JPEG/ signer.jpg" >102 <option value="JPEG/ singe.jpg" >103 <option value="JPEG/ soldat.jpg" >104 <option value="JPEG/ telephone.jpg" >105 <option value="JPEG/ tiralarc.jpg" >106 <option value="JPEG/ tomberdanslespommes.jpg" >107 <option value="JPEG/ tondrelapelouse.jpg" >108 <option value="JPEG/ tortue.jpg" >109 <option value="JPEG/ tricoteuse.jpg" >110 <option value="JPEG/ valise.jpg" >111 <option value="JPEG/ versdeterre.jpg" >112 <option value="JPEG/ veterinaire.jpg" >113 <option value="JPEG/ webmaster.jpg" >114 <option value="JPEG/ yannicknoah.jpg" >115 <option value="JPEG/ yoyo.jpg" >116 <option value="JPEG/ zebre.jpg" >117 <option value="JPEG/ zorro.jpg" >118 </select> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> </td> </tr> </table> </form> <script type="text/javascript"> function tirage(){ document.getElementById("image").src= (Math.floor(Math.random() * 118) + 1) + ".jpg" } </script> </body> </html>
22 févr. 2023 à 12:03
- Tes balises option ne sont toujours pas fermées correctement
- Tu n'as pas déplacé TOUT ton JS à la fin de ta page
- Tu ne nous as pas dit si tu avais des erreurs dans la console de ton navigateur
- Tu n'as pas précisé le langage ( ici, html ) dans la fenêtre qui t'a servi à coller ton code
Modifié le 22 févr. 2023 à 12:13
Bon , jordan45, pour moi ce que tu me dis je ne comprends pas.
- Tes balises option ne sont toujours pas fermées correctement ???
- Tu n'as pas déplacé TOUT ton JS à la fin de ta page ???
- Tu ne nous as pas dit si tu avais des erreurs dans la console de ton navigateur ???
- Tu n'as pas précisé le langage ( ici, html ) dans la fenêtre qui t'a servi à coller ton code : fait
Bon je pense que je vais en rester là. Je suis trop novice . Merci quand même.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question22 févr. 2023 à 14:45
En gros :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <link rel="shortcut icon" href="favicon.ico" /> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Mimes Bruno</title> </head> <body> <center> <form name="slideform"> <table cellspacing="1" cellpadding="4" bgcolor="#000000"> <tr> <td align="center" bgcolor="white"> <b><FONT size="10pt">Photos Mimes Bruno</font></b><tr> </td> </tr> <tr> <td align=center bgcolor="white" width=200 height=150> <img id="image" src="JPEG/logo.gif" name="show" alt="" /> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> <input type=button onClick="tirage();" value="Tirer au sort!"> <select name="slide" onChange="change();"> <option value="JPEG/logo.gif" selected> 0 </option> <option value="JPEG/accoucher.jpg" >1 </option> <option value="JPEG/acheterquelqueschose.jpg" >2 </option> <option value="JPEG/acteur.jpg" >3 </option> <option value="JPEG/agriculteur.jpg" >4</option> <option value="JPEG/alpiniste.jpg" >5</option> <option value="JPEG/animateur.jpg" >6</option> <option value="JPEG/arraignee.jpg" >7</option> <option value="JPEG/avion.jpg" >8</option> <option value="JPEG/badminton.jpg" >9</option> <option value="JPEG/baleine.jpg" >10</option> <option value="JPEG/ballon.jpg" >11</option> <option value="JPEG/baseball.jpg" >12</option> <option value="JPEG/bateau.jpg" >13</option> <option value="JPEG/billard.jpg" >14</option> <option value="JPEG/bison.jpg" >15</option> <option value="JPEG/boucher.jpg" >16</option> <option value="JPEG/boulanger.jpg" >17</option> <option value="JPEG/bowling.jpg" >18</option> <option value="JPEG/boxe.jpg" >19</option> <option value="JPEG/bronzer.jpg" >20</option> <option value="JPEG/brosseadents.jpg" >21</option> <option value="JPEG/cameraman.jpg" >22</option> <option value="JPEG/camion.jpg" >23</option> <option value="JPEG/camionpompiers.jpg" >24</option> <option value="JPEG/canape.jpg" >25</option> <option value="JPEG/canard.jpg" >26</option> <option value="JPEG/carrossier.jpg" >27</option> <option value="JPEG/cascadeur.jpg" >28</option> <option value="JPEG/castor.jpg" >29</option> <option value="JPEG/ceinture.jpg" >30</option> <option value="JPEG/cerf.jpg" >31</option> <option value="JPEG/chaise.jpg" >32</option> <option value="JPEG/changerunbebe.jpg" >33</option> <option value="JPEG/chanteur.jpg" >34</option> <option value="JPEG/chat.jpg" >35</option> <option value="JPEG/chauffeur.jpg" >36</option> <option value="JPEG/chaussette.jpg" >37</option> <option value="JPEG/chefdorchestre.jpg" >38</option> <option value="JPEG/cheval.jpg" >39</option> <option value="JPEG/chevre.jpg" >40</option> <option value="JPEG/chien.jpg" >41</option> <option value="JPEG/clouer.jpg" >42</option> <option value="JPEG/coiffeur.jpg" >43</option> <option value="JPEG/compter.jpg" >44</option> <option value="JPEG/course.jpg" >45</option> <option value="JPEG/couturier.jpg" >46</option> <option value="JPEG/crabe.jpg" >47</option> <option value="JPEG/cueillirdescerises.jpg" >48</option> <option value="JPEG/cuisinier.jpg" >49</option> <option value="JPEG/cyclisme.jpg" >50</option> <option value="JPEG/danserunslow.jpg" >51</option> <option value="JPEG/deltaplane.jpg" >52</option> <option value="JPEG/docteur.jpg" >53</option> <option value="JPEG/dormir.jpg" >54</option> <option value="JPEG/draguer.jpg" >55</option> <option value="JPEG/elephant.jpg" >56</option> <option value="JPEG/embrasser.jpg" >57</option> <option value="JPEG/eplucherdespatates.jpg" >58</option> <option value="JPEG/espionner.jpg" >59</option> <option value="JPEG/etendredulinge.jpg" >60</option> <option value="JPEG/etremalade.jpg" >61</option> <option value="JPEG/fairelavaisselle.jpg" >62</option> <option value="JPEG/fleuriste.jpg" >63</option> <option value="JPEG/flipper.jpg" >64</option> <option value="JPEG/fourmi.jpg" >65</option> <option value="JPEG/girafe.jpg" >66</option> <option value="JPEG/golf.jpg" >67</option> <option value="JPEG/grenouille.jpg" >68</option> <option value="JPEG/heron.jpg" >69</option> <option value="JPEG/hyene.jpg" >70</option> <option value="JPEG/infirmiere.jpg" >71</option> <option value="JPEG/jongleur.jpg" >72</option> <option value="JPEG/kangourou.jpg" >73</option> <option value="JPEG/kayak.jpg" >74</option> <option value="JPEG/koala.jpg" >75</option> <option value="JPEG/lapin.jpg" >76</option> <option value="JPEG/limace.jpg" >77</option> <option value="JPEG/macon.jpg" >78</option> <option value="JPEG/mangerdesspaghettis.jpg" >79</option> <option value="JPEG/menuisier.jpg" >80</option> <option value="JPEG/monteedecorde.jpg" >81</option> <option value="JPEG/nager.jpg" >82</option> <option value="JPEG/orthophoniste.jpg" >83</option> <option value="JPEG/otarie.jpg" >84</option> <option value="JPEG/ouvriruneboite.jpg" >85</option> <option value="JPEG/petanque.jpg" >86</option> <option value="JPEG/photographe.jpg" >87</option> <option value="JPEG/pingouin.jpg" >88</option> <option value="JPEG/pingpong.jpg" >89</option> <option value="JPEG/pleurer.jpg" >90</option> <option value="JPEG/plombier.jpg" >91</option> <option value="JPEG/poissonnier.jpg" >92</option> <option value="JPEG/poule.jpg" >93</option> <option value="JPEG/queue.jpg" >94</option> <option value="JPEG/regarderlatele.jpg" >95</option> <option value="JPEG/repasser.jpg" >96</option> <option value="JPEG/rhinoceros.jpg" >97</option> <option value="JPEG/sedeshabiller.jpg" >98</option> <option value="JPEG/semaquiller.jpg" >99</option> <option value="JPEG/serpent.jpg" >100</option> <option value="JPEG/sifler.jpg" >101</option> <option value="JPEG/signer.jpg" >102</option> <option value="JPEG/singe.jpg" >103</option> <option value="JPEG/soldat.jpg" >104</option> <option value="JPEG/telephone.jpg" >105</option> <option value="JPEG/tiralarc.jpg" >106</option> <option value="JPEG/tomberdanslespommes.jpg" >107</option> <option value="JPEG/tondrelapelouse.jpg" >108</option> <option value="JPEG/tortue.jpg" >109</option> <option value="JPEG/tricoteuse.jpg" >110</option> <option value="JPEG/valise.jpg" >111</option> <option value="JPEG/versdeterre.jpg" >112</option> <option value="JPEG/veterinaire.jpg" >113</option> <option value="JPEG/webmaster.jpg" >114</option> <option value="JPEG/yannicknoah.jpg" >115</option> <option value="JPEG/yoyo.jpg" >116</option> <option value="JPEG/zebre.jpg" >117</option> <option value="JPEG/zorro.jpg" >118</option> </select> </td> </tr> <tr> <td align=center bgcolor="#C0C0C0"> </td> </tr> </table> </form> <script type="text/javascript"> var rotate_delay = 1000; current = 0; function next() { if (document.slideform.slide[current + 1]) { document.images.show.src = document.slideform.slide[current + 1].value; document.slideform.slide.selectedIndex = ++current; } else first(); } function previous() { if (current - 1 >= 0) { document.images.show.src = document.slideform.slide[current - 1].value; document.slideform.slide.selectedIndex = --current; } else last(); } function first() { current = 0; document.images.show.src = document.slideform.slide[0].value; document.slideform.slide.selectedIndex = 0; } function last() { current = document.slideform.slide.length - 1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; } function ap(text) { document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop"; rotate(); } function change() { current = document.slideform.slide.selectedIndex; document.images.show.src = document.slideform.slide[current].value; } function rotate() { if (document.slideform.slidebutton.value == "Stop") { current = (current == document.slideform.slide.length - 1) ? 0 : current + 1; document.images.show.src = document.slideform.slide[current].value; document.slideform.slide.selectedIndex = current; window.setTimeout("rotate()", rotate_delay); } } // End --> function tirage() { let imageAafficher = (Math.floor(Math.random() * 118) + 1) + ".jpg"; console.log("Image à afficher : " , imageAafficher); document.getElementById("image").src = imageAafficher; } </script> </body> </html>
Ensuite, regarde dans la console ce qui s'affiche éventuellement :
Voici de quoi te guider un minimum : https://www.alsacreations.com/astuce/lire/1436-console-javascript.html
Modifié le 19 févr. 2023 à 17:25
Bonjour hypothetix.
Je te remercie de ton aide.
C'est super.
J'ai encore une demande par rapport a ce fichier HTML.
Je souhaiterai lorsque j'ouvre mon fichier dans le navigateur un image s'affiche, image qui ne fait pas partie des 118 pour le hasard. Du style une image de bienvenue.
D'avance merci si c'est possible.