affichage Images aléatoires

**lindavys** · 28/04/2009, 09h40

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 :

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
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>

**Matthieu2000** · 28/04/2009, 14h39

à lire en attendant!
http://javascript.developpez.com/sources/?page=images

affichage Images aléatoires

JavaScript

Vue hybride

Discussions similaires

Partager

Partager