Un diaporama presque parfait

**jeanclaude57** · 07/03/2008, 11h04

Bonjour

Je suis en train de construire un diaporama en Javascript.
Ne connaissant pas bien ce langage j'ai trouvé un script sur le net.

Il est presque réussit pour ce que je veux faire, sauf que quand j'arrive sur la dernière image si je clique encore sur la flèche "avance" il faudra si je veux revenir en arrière cliquer autant de fois sur la flèche "retour arrière" que j'ai cliqué sur la flèche "avance".

Voici le code, si quelqu'un veux bien regarder.
Je met aussi en pièce jointe l'exemple complet avec images.

Merci d'avance.

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
 
<SCRIPT>
 
          thisImg = 1
          imgCt = 13
 
          function newSlide(direction) {
 
               if (document.images) {
                    thisImg = thisImg + direction
                    if (thisImg < 1) {
				thisImg = imgCt
                    }
                    if (thisImg > imgCt) {
				thisImg=1
                   }
                    document.slider.src = "images/slide" + thisImg + ".jpg"
	              }
          }
</SCRIPT>
</head>
 
<body>
 
<P><!--Ici vous mettez ce que vous voulez comme titre de votre page--></P>
 
<P><!--Ici Commence le bout de code (un tableau)   Coller dans votre page-->
<TABLE width="882" BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 BGCOLOR="#FFFFFF">
   <TR>
 
      <TD WIDTH=800 HEIGHT=500>
         <P><A HREF="javascript:newSlide(-1)"><IMG SRC="images/bouton_arriere.gif" WIDTH=56 HEIGHT=57 ALIGN=bottom></A><!--Le bouton pour passer l'image prcdente doit s'appeler bouton_arriere.gif-->
         <!--Les images doivent faire 640x480, s'appeler slidex.jpg et se trouver dans un dossier "images" juste  cote de ce fichier --><IMG SRC="images/slide1.jpg" WIDTH=640 HEIGHT=480 BORDER=0 ALIGN=middle name=slider>
         <!--Le bouton pour passer l'image suivante doit s'appeler bouton_suivante.gif--><A HREF="javascript:newSlide(1)"><IMG SRC="images/bouton_suivante.gif" WIDTH=56 HEIGHT=57 ALIGN=bottom></A></P>
     </TD>
   </TR>
</TABLE>
</P>
 
 
</body>
</html>

**Matthieu2000** · 07/03/2008, 11h09

?
que veux tu faire
?
la fonction

newSlide(direction)

est déjà paramètré pour aller à direction près !

**MasterOfChakhaL** · 07/03/2008, 11h14

Salut,

Dans le code que tu fournis, le slider est configuré pour faire la rotation sur 13 images.
Or, dans l'archive que tu fournis, tu n'as que 5 images. Configure correctement ton script et ca marchera.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
imgCt = 5

**jeanclaude57** · 07/03/2008, 11h34

Merci ça fonctionne très bien maintenant

Un diaporama presque parfait

JavaScript

Discussions similaires

Partager

Partager