charger une image aléatoirement
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:
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:
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:
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
