Bonjour,

je viens d'éliminer un bug de débutant (que je suis), mais j'ai un autre problème : avec ce script, après chaque clic sur "précédent" ou "suivant", il faut scroller pour visualiser l'image et reclicquer ; comment éviter ça ?

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
45
                                  <script type="text/javascript">
var num=1; // numéro du fichier courant
var min=1; // nombre minimum de fichiers
var max=5; // nombre maximum de fichiers
var extension = '.jpg';
/* fonction qui permet d'afficher les images */
function Affich1() {
var file;
// on ajoute des '0' afin de créer le nom du fichier
if(num<10) file = '00'+num+extension;
if(num<100 && num>=10) file = '0'+num+extension;
// on affiche l'image correspondante
document.getElementById('affich1').innerHTML="<img src='"+file+"' alt='"+file+"' />";
}
/* fonction qui permet de revenir à l'image précédente */
function Prev() {
// si num>min car il ne faudrait pas descendre en dessous
if(num>min) {
num--; // on décrémente num
Affich1(); // et on fait appel à la fonction Affich1()
}
}
/* fonction qui permet d'aller à l'image suivante */
function Next() {
// si num<min car il ne faudrait pas aller au dessus
if(num<max) {
num++; // on décrémente num
Affich1(); // et on fait appel à la fonction Affich1()
}
}
window.onload=Affich1;
                                    </script><font face="Arial"><b>Merci
Ben !</b></font><br>
                                    <div id="affich1"><!-- //--></div>
                                    <hr>
                                    <div ="body">
                                    <div id="nav"><a
 href="#" title="Pr&eacute;c&eacute;dent" onclick="Prev()"><span>&lt;-</span>
Pr&eacute;c&eacute;dent</a>
                                    <span> | </span>
                                    <a href="#"
 title="Suivant" onclick="Next()">Suivant
                                    <span>-&gt;</span></a>
                                    </div>
                                    </div>