Afficher une image dès le démarrage
Bonjour,
avec ce script, je ne parviens pas à faire qu'une image s'affiche au démarrage ; ça ne se passe que quand je clique sur "suivant" (et un mouchard m'a permis de constater qu'au démarrage, la fonction "Affich1" n'est pas exécutée : pourquoi ?
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
43
44
45
| <script type="text/javascript">
var num=1; // numéro du fichier courant
var min=1; // nombre minimum de fichiers
var max=22; // 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 allerr au dessus
if(num<max) {
num++; // on décrémente num
Affich1(); // et on fait appel à la fonction Affich1()
}
}
</script>
<script>
window.load=Affich1;
</script><font face="Arial"><b>Merci Ben !</b></font><br>
<div id="affich1"></div>
<hr>
<div id="nav">
<p><a href="#" title="Précédent" onclick="Prev()"><span><-</span>
Précédent</a>
<span> | </span>
<a href="#" title="Suivant" onclick="Next()">Suivant
<span>-></span></a>
</p>
</div>
</body> |
