succession d'images

**ma_mat** · 12/11/2004, 10h00

bonjour,
J'aurais aimé savoir s'il y avait une manière de faire une petite diaporama d'image sur une page. Je sais que l'on peut créer un gif avec la suite d'image mais c'est à mon avis un peu plus lourd

si vous avez une idée, n'hésité pas

merci d'avance

**hunter** · 12/11/2004, 10h27

j'ai une solution en 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
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
 
lien = new Array ;
image = new Array ;
 
affiche = false;
 
function AffichePub(a,b) {
 
	lien = b ;
	image = a ;
 
	commence() ;
 
}
 
function commence()
   {
   if(!affiche)
      {
      numlien= Math.round(Math.random()*(lien.length-1));
      document.write ('<A HREF="#" onClick="window.open(lien[numlien],\'_blank\')"><IMG SRC="' + image[numlien] + '" BORDER=0 NAME=affiche></A>')
      affiche = true;
      }
   else
      {
      if(numlien == (lien.length-1))
         numlien = 0;
      else
         numlien++;
      	document.affiche.src=image[numlien];
      }
   setTimeout("commence()",2500);
   }

si ça peut t'aider c'est parfait ..

**ma_mat** · 12/11/2004, 10h41

dsl mais j'ai du mal a saisir le lien avec ce que je demande.
Mais j'ai peut etre mal compris ton script

**hunter** · 12/11/2004, 10h57

je crois que j'ai mal compris alor ...

**leris** · 12/11/2004, 13h31

salut,

javascript.

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
<script type="text/javascript"> 
var Img=new Array; 
Img[0]="101s.jpg"; 
Img[1]="102s.jpg"; 
Img[2]="103s.jpg"; 
Img[3]="104s.jpg"; 
Img[4]="105s.jpg"; 
Img[5]="106s.jpg";
var i=0;
 
function change(index) { 
document.getElementById('pic').src=Img[index]; 
i++; 
if (i >= Img.length)i=0;
} 
setInterval('change(i)',1000); 
</script>
</head>
<body>
<img src="101s.jpg" id="pic">

c'etait ça ?

L.

**ma_mat** · 12/11/2004, 14h03

merci beaucoup ca marche impecable

succession d'images

HTML

Discussions similaires

Partager

Partager