charger une image aléatoirement

**franfr57** · 21/11/2006, 12h52

BOnjour,
j'ai fait un script qui permet de charger dans une popup une image aléatoirement.
Cependant je rencontre quelques petits problèmes...

Je voudrais vérifier le chargement de l'image dans la popup à l'aide de la fonction setTimeout : "Minuterie de la fonction ‘setTimeout’ pour relancer en boucle la vérification de chargement de l’image lorsque ce dernier n’est pas instantané." Mais je ne vois pas comment faire....
Et je voudrais que l'image se mette en haut a gauche collé à la bordure.
Pour cela, j'ai mis dans ma balise body :

Code :

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

1
2
 
\"marginwidth=0\" \"marginheight=0\"

mais cela ne fonctionne que sous firefox, et je voudrais que cela fonctionne sous IE.

Voici le code de ma page html :

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
 
<html>
<head>
<title>Fantastique page de démo</title>
<script language="JavaScript" src="ImagePopup.js"></script>
<SCRIPT LANGUAGE="javascript"> 
var tImage = new Array;
tImage[0]="Bolide1.jpg";
tImage[1]="Bolide2.jpg";
tImage[2]="Bolide3.jpg";
tImage[3]="Bolide4.jpg";
tImage[4]="Bolide5.jpg";
function imageAleatoire(){
	i = Math.floor(5 * Math.random()); 
	return imagePopup("image de voiture", tImage[i]); 
}
</script>
</head>
<body>
<input type="Button" value="GO GO GO" onClick="imageAleatoire()">
</body>
</html>

et celui de mon fichier ImagePopup.js

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function imagePopup( windowTitle, imagePath ) {
	var w = window.open("","Bolide","menubar=no, status=no, scrollbars=no, menubar=no, width=600, height=600");
	if (imagePath.complete)
	{
		alert("image chargé");
	}
	w.document.write("<HTML><HEAD><TITLE>"+windowTitle+"</TITLE></HEAD>");
	w.document.write("<BODY \"marginwidth=0\" \"marginheight=0\"><IMG src='"+imagePath+"' name='image' border=0 >");
	w.document.write("");
	w.document.write("</BODY></HTML>");
	w.resizeTo(w.document.images["image"].width+30,w.document.images["image"].height+58);
	w.document.close();
}

Je vous remerci d'avance pour votre aide, je dois finir cela pour ce soir...
Merci

**Arnard** · 21/11/2006, 13h56

Il me semble que l'on peut spécifier la position d'un element par des positions en css. L'appliquer à ton element img serait alors le plus simple, non ?

**Jérémy Lefevre** · 21/11/2006, 14h23

je suis d'accord ave Arnard en js tu peut acceder a tes styles et don au positionement de tes boites! avec la propriété top , left ...

**franfr57** · 21/11/2006, 15h25

et pour faire la vérification de l'image avec la fonction setTimeOut comment je peux faire?

Merci

**franfr57** · 22/11/2006, 21h36

Personne ne peut donc m'aider, c'est une des premières choses que l'on apprend à faire en javascript ça non?

Merci de votre aide

**Sheriff** · 23/11/2006, 09h36

pour tester le chargement de l'image tu peux faire un setinterval pour vérifier son complete...
quant au positionnement, les propriétés top et left ne sont accessibles que si le position est absolute, je crois
tu peux mettre dans le body

Code :

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