Transformation code htlm pour ranger des photos

Résolu
PapyNono -  

Bonjour et d'avance merci de votre aide.

Dans le code ci-dessous, les images ".jpg" sont en vrac dans le dossier source.

Que dois-je modifier dans le code afin de pouvoir mettre les 118 images dans un dossier qui s'appellerai "JPEGSORT"

<script type="text/javascript">
 function tirage(){
  document.getElementById("image").src= (Math.floor(Math.random() * 118) + 1) + ".jpg"
 }
</script>

D'avance merci. Papy Nono.


Windows / Edge 110.0.1587.56

2 réponses

  1.  jordane45 Modérateur

    Bonjour

    Je ne vois pas trop le rapport entre un dossier sur ton ordinateur, et le code javascript que tu nous montres...

    Ce code sert à prendre une image de façon aléatoire pour l'afficher dans ta page HTML ça ne range rien dans aucun dossier de ton ordinateur...

    Et de toute façon, le javascript, ne pourra pas ranger les images dans un dossier....

    0
    1. PapyNono

      Bonjour jordane45.

      Actuellement les 118 images sont en vrac dans dans le dossier qui contient le fichier HTML.

      D:/tirer au sort et les images

      Je souhaiterai si c'est possible que les 118 images soit dans un dossier JPEGSORT

      D:/tiret au sort/JPEGSORT et les images

      Je ne veux pas que le java script range mes images , mais que le code aille les chercher dans le dossier JPEGSORT

      Ci-dessous le code complet:

      <!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>
</head>

<body>

<center>

<script type="text/javascript">
 function tirage(){
  document.getElementById("image").src= (Math.floor(Math.random() * 118) + 1) + ".jpg"
 }
</script>

<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="#C0C0C0" width=0 height=0>

<input type="button" id="tirage" value="Tirer au sort!" onclick="tirage()"/><br/>
<img id="image" src="logo.gif"/>

</body>
</html>

      Encore merci.

      0
      1. jordane45 Modérateur

        en laissant le html dans ton ancien dossier ?

        Car si tu mets ton html dans le nouveau dossier, le script marchera.

        Si tu veux le laisser dans l'ancien dossier, il suffit de préciser le chemin vers le dossier JPEGSORT

        Comme ce dossier est un "enfant" du dossier dans lequel se trouve actuellement ton fichier html, il suffit de mettre le chemin sous cette forme :

        ./JPEGSORT/tonimage.jpg

        ce qui se traduit dans ton code (javascript)

         function tirage(){
  document.getElementById("image").src= './JPEGSORT/' + (Math.floor(Math.random() * 118) + 1) + ".jpg"
 }
        1
      2. PapyNono
        @jordane45

        Merci beaucoup jordane45.

        0