Bonsoir à tous !

J'ai essayé de faire un diaporama, tout ce qu'il y a de plus banale mais j'ai un petit problème: le défilement est un peu anarchique. Je crois que c'est au niveau de la variable que j'utilise pour me déplacer d'une image à l'autre mais je n'arrive pas à résoudre le problème. Merci d'avance pour votre aide !

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
<html>
 
<head>
<title>Diaporama</title>
<style type="text/css">
body
{background-color : black;}
</style>
<script language="Javascript">
var i=0;
var tableau_photos = ["1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "6.jpg"];
</script>
</head>
 
<!-- Changement d'image au clique-->
<body>
<center>
<a href="javascript:;"
onClick="document.image_1.src=tableau_photos[i++];">
<img width="950" height="730"border=0 name="image_1" src="1.jpg" alt="Paris"/></a>
<center>
<br/>
 
<!-- Bouton precedent-->
<center>
 
<a href="javascript:;"
onMouseOver="document.precedent.src='precedent2.gif';"
onMouseOut="document.precedent.src='precedent.gif';"
onClick="document.image_1.src=tableau_photos[i--];">
<img border=0 name="precedent" src="precedent.gif" alt="btn_precedent"></a>
 
<!-- Bouton suivant-->
<a href="javascript:;"
onMouseOver="document.suivant.src='suivant2.gif';"
onMouseOut="document.suivant.src='suivant.gif';"
onClick="document.image_1.src=tableau_photos[i++];">
<img border=0 name="suivant" src="suivant.gif" alt="btn_suivant">
 
<center>
 
</body>
 
</html>