Transformation code htlm pour ranger des photos

Résolu/Fermé
PapyNono - 26 févr. 2023 à 05:05
 PapyNono - 26 févr. 2023 à 10:18

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

A voir également:

2 réponses

jordane45 Messages postés 38241 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 septembre 2024 4 689
26 févr. 2023 à 09:21

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

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
jordane45 Messages postés 38241 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 septembre 2024 4 689
26 févr. 2023 à 09:42

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
PapyNono > jordane45 Messages postés 38241 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 septembre 2024
26 févr. 2023 à 10:18

Merci beaucoup jordane45.

0