Bonjour à tous,
Je voudrais insérer des images aléatoires dans une div aux dimensions précises.
(en background ?)
J'ai trouvé ce script qui fonctionne parfaitement, mais je souhaite que ça apparaisse dans une div précise à une position précise.
Je tente de mettre la div dans le script :
document.write
('<div id="bloc1"><a href="' + Page + '"><img src="' +
url + '" alt="' + alt + '" border=0></a></div>');
}
</SCRIPT>
Mais sans succès...
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<SCRIPT LANGUAGE="JavaScript">
/*
# ** Extention de vos fichiers Image.
# ** Le nom de vos images doivent etre du type :
# ** --> 1.jpg, 2.jpg, 3.jpg, 4.jpg, .... X.jpg
# ** --> 1.gif, 2.gif, 3.gif, 4.gif, .... X.gif
# ** --> ...
# */
var extention = ".jpg" ;
/*
# ** Nombre d'images diférentes à afficher.
# */
var nbimage = 10 ;
/*
# ** Déclaration d'autres varaibles.
# */
var url;
var rep;
var alt;
function Images_Aleatoire()
{
//Génére un nombre aléatoire, pour donner un numéro d'image.
numimage = Math.round( Math.random() * ( nbimage - 1 ) + 1 );
// Nom de votre page d'accueil
Page = "Accueil.html";
// Nom du répertoire de vos images.
rep = "Images";
// Message info bulle, lors du survole de l'image affichée.
alt = "--> Cliquez pour Entrer <--";
// Assemblage de la chaine pour afficher votre image.
url = './' + rep + '/' + numimage + extention ;
// Affiche le numéro d'image généré aléatoirement.
document.write( 'Numéro Image : ' + numimage + '<br><br>' );
// Affiche l'image choisie ainsi que le lien vers votre page d'accueil.
document.write
('<div align=center><a href="' + Page + '"><img src="' +
url + '" alt="' + alt + '" border=0></a></div>');
}
</SCRIPT>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
#bloc1 {
margin: 0;
padding: 0;
width: 100px;
height: 150px;
float:left;
background:#000000;
}
</style>
</head>
<body>
<div id="bloc1">
<SCRIPT language="JavaScript">
Images_Aleatoire();
</SCRIPT>
</div>
</body>
</html>