1 pièce(s) jointe(s)
Un diaporama presque parfait
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:
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> |
