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écédent" onclick="Prev()"><span><-</span>
Précédent</a>
<span> | </span>
<a href="#"
title="Suivant" onclick="Next()">Suivant
<span>-></span></a>
</div>
</div> |
Partager