Faire apparaitre une image a un endroit tiré au hasard

**hools** · 27/02/2008, 12h14

Bonjour à tous et à toutes.
Voilà j'ai un petit probleme.

Je cherche une maniere de faire apparaitre des images sur ma page.
La subtilité, c'est qu'il faut que ces images apparaissent à des endroits aléatoire de la page, pour chaque image ( j'éspère que vous comprendrez !!!).

J'ai entendu parler de l'utilisation de calque (div absolute) et de propriété css left et top, mais sincèrement je ne comprends pas grand chose.

Si quelqu'un pouvait m'apporter son aide je lui en serait tres reconnaissant.

**htr999** · 28/02/2008, 14h27

salut
voici le code que j'ai fait. j'espere que ca peut te servir.

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
18
19
20
21
22
23
24
25
26
27
28
29
30
<head>
<script>
function affiche(){
// recuperation de la resolution de l'ecran chez l'utilisateur
largeur = screen.width;
hauteur = screen.height;
// positionnement aleatoire
posx = Math.round(Math.random()*largeur);
posy = Math.round(Math.random()*hauteur);

// recuperation de l'element div servant a afficher l'image
elementDivImage = document.getElementById("elemImage");
// ajustement de l'attribute style, notament left et top
elementDivImage.setAttribute("style","position:absolute; left:"+posx+"px; top:"+posy+"px; width:160; height:120; z-index:1");
}
</script>
</head>

<body onLoad="affiche()">

<div id="elemImage" style="">
<img src="images/1.jpg" name="image" width="160" height="120" id="image">
</div>

<div id="layer2" style="">
<a href="#" onClick= "affiche();">une image a position aleatoire?</a>
</div>

</body>

**SpaceFrog** · 28/02/2008, 14h42

Pour plus de compatibilité ...

Code :

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

1
2
3
4
5
6
elementDivImage.style.position='absolute';
elementDivImage.style. left=posx+"px";
elementDivImage.style.top=posy+"px";
elementDivImage.style.width="160px";
elementDivImage.style.height="120px";
elementDivImage.style.Zindex="1";