Diaporama bizarre

**solp** · 09/04/2006, 21h51

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>

**Auteur** · 10/04/2006, 15h10

bonjour,

voici un début ici (question sur la portée des variables)
http://www.developpez.net/forums/viewtopic.php?t=485134
en adaptant la réponse que j'ai donnée précédemment et pour le bouton suivant :

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
 
<html>
<head>
<title></title>
<script language="Javascript">
var i=0;
var tableau = new Array("1.jpg", "2.jpg", "3.jpg", "4.jpg", "5.jpg", "i6.jpg");
 
</script>
</head>
 
<body>
 
<img id="idImg" src="1.jpg" alt="mon_image"/>
 
<img border=0 name="suivant" src="suivant.gif" alt="btn_suivant" onClick="document.getElementById('idImg').src=tableau[++i];"/>
</body>
 
</html>

n'oublie pas de fixer une limite inférieure (0) et une limite supérieure (tableau.length-1) lorsque tu parcours ton tableau.
La balise a n'est pas nécessaire pour les boutons suivant et précédent. Gère les événements directements dans la balise img.

Par contre, je ne comprends pas bien pourquoi tu incrémentes i lors du clic sur l'image.

Diaporama bizarre

JavaScript

Discussions similaires

Partager

Partager