Comment charger deux images différentes provenant de deux dossiers différents ?

**meyerbsa** · 04/11/2014, 11h02

Bonjour!!!

Je cherche à créer une page web qui affiche 1 image aléatoire piochée un premier dossier et une deuxième image aléatoire pris dans un deuxième dossier.

Voilà ce que j'utilise mais malheureusement la deuxième image ne s'affiche pas. Quelqu'un aurait.il une solution en JS?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
function randomImg(){
   document.getElementById('image').src = "CO/" + Math.round(Math.random()*4+1) + ".jpg";
   }
 
</script>
<script type="text/javascript">
function randomImg1(){
   document.getElementById('image').src = "Fond/" + Math.round(Math.random()*4+1) + ".jpg";
   }
</script>

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<body >
<body onload="randomImg()">
     <img src="" id="image" / border=0 width=300 height=250>
</body>
<body onload="randomImg1()">
     <img src="" id="image" / border=0 width=300 height=250>
</body>
 
 
</body >

Un tout grand MERCI!!!!

**SpaceFrog** · 04/11/2014, 11h43

Essaye un truc du genre

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function randomImg(){
   document.getElementById('image').src = ((Math.random()*100 & 1)? "CO/":"Fond/") + Math.round(Math.random()*4+1) + ".jpg";
   }

**Bovino** · 04/11/2014, 11h54

Répété un nombre incalculable de fois : un id doit être unique dans la page !

**SpaceFrog** · 04/11/2014, 13h06

RHaaaaaaaaa m...

C'est pire que ça Beef ...
le code HTML que tu nous montre est juste un ineptie !!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
<body >
<body onload="randomImg()">
     <img src="" id="image" / border=0 width=300 height=250>
</body>
<body onload="randomImg1()">
     <img src="" id="image" / border=0 width=300 height=250>
</body>
 
 
</body >

Hormis le fait qu'un id doive-t-être unique ...
il ne doit y avoir qu'un seul body ...

**meyerbsa** · 04/11/2014, 16h38

Bonjour et merci d'avance pour ces réponses.

Si je comprends bien la chose il faut tout d'abord n'avoir qu'un seul body et des id différentes.

donc si j'opte pour un js du type

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
function randomImg(){
   document.getElementById('image').src = ((Math.random()*100 & 1)? "CO/":"Fond/") + Math.round(Math.random()*4+1) + ".jpg";
   }

que dois-je mettre dans le code html pour avoir mes 2 images issues des 2 dossiers?

Merci

**meyerbsa** · 04/11/2014, 21h18

Bon voilà ce que j'ai pour l'instant:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<head>
<meta content="fr-ch" http-equiv="Content-Language">
<script type="text/javascript">
function randomImg(){
   document.getElementById('image').src = ((Math.random()*100 & 1)? "CO/":"Fond/") + Math.round(Math.random()*4+1) + ".jpg";
   }
</script>
 
 
</head>
 
 
 
<body >
<body onload="randomImg()">
     <img src="" id="image" / border=0 width=300 height=250>
</body>

J'aimerais dans l'idéal afficher deux images et non pas une seule, avec les paramètres suivants:

1ère image issue du dossier CO
2ème image issue du dossier Fond

Auriez-vous une solution?

Merci beaucoup

Comment charger deux images différentes provenant de deux dossiers différents ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager