affichage Images aléatoires
Bonjour à tous
Voila j'ai récupérer récement un code qui permet d'afficher des images
aléatoires sur une page web.
Le code est parfait, les images (nombre définit est de 4) s'affiche bien,sauf que je souhaiterais n'afficher que deux images à la fois sur la page.
Je pensai ajouté une barre de défilement en dessous des images pour basculer sur les deux autres images mais je n'arrive pas a associer le barre de défilmenent avec la fontion Document.white.
merci par avance pour votre aide
voici mon code initial :
Code:
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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
| <script type="text/javascript">
var nb_images=3;
var nb_p=0;
var lien_image=new Array(nb_images);
var p_image=new Array(nb_images);
var i=0;
lien_image[0]='<a href="lien" target="_blank"><img border="0" alt="texte1" src="mon image"hspace="3"/></a>';
lien_image[1]='<a href="lien" target="_blank"><img border="0" alt="texte1" src="mon image"hspace="3"/></a>';
lien_image[2]='<a href="lien" target="_blank"><img border="0" alt="texte1" src="mon image"hspace="3"/></a>';
lien_image[3]='<a href="lien" target="_blank"><img border="0" alt="texte1" src="mon image"hspace="3"/></a>';
function init_p()
{
for (i=0; i<=nb_images; i++)
{
p_image[i]=0;
}
}
init_p();
function imagealeatoire()
{
//Toutes les images ont-elles été affichées ?
if (nb_p >= nb_images + 1)
{
//oui
nb_p=0;
init_p();
}
do
{
i = Math.floor((nb_images + 1) * Math.random());
}
while(p_image[i] != 0) //L'image a-t-elle été affichée ? Si oui, on retire un nombre au sort..document.write(imagealeatoire());.
nb_p++;
p_image[i]=1;
return lien_image[i];
}
</script>
</head>
<body>
<div>
<script type="text/javascript">
var a;
for (a=0; a<=3; a++)
{
document.write(imagealeatoire());
}
</script>
</div>
</body> |