Salut
Oui ou alors une méthode un peu plus compliquée... mais bon ici on est bien en javascript non ???
voici le code :
<html>
<head>
<script type="text/javascript">
imagesTab = [
'images/img1.jpg', // dans ce tableau toutes les url de tes images
'images/img2.jpg',
'images/img3.jpg',
'images/img4.jpg',
'images/img5.jpg',
];
currentImgPtr = 0;
timeId = null;
autoPlayTimer = 3; // tu peux mettre ici en seconde le temps d'attente pour le défilement auto des images
function next() {
currentImgPtr = currentImgPtr == imagesTab.length-1 ? 0 : currentImgPtr+1;
document.getElementById('diapo').src = imagesTab[currentImgPtr];
return false;
}
function back() {
currentImgPtr = currentImgPtr == 0 ? imagesTab.length-1 : currentImgPtr-1;
document.getElementById('diapo').src = imagesTab[currentImgPtr];
return false;
}
function play() {
timeId = setInterval(next,autoPlayTimer*1000);
return false;
}
function stop() {
clearInterval(timeId);
return false;
}
</script>
</head>
<body>
<!-- ici l'url de la 1ère image du tableau -->
<center>
<div><img id="diapo" src="images/img1.jpg" height="500" /></div>
<a href="#" onclick="return back()">Image précédente</a>
<a href="#" onclick="return play()">AutoPlay</a>
<a href="#" onclick="return stop()">Stop</a>
<a href="#" onclick="return next()">Image suivante</a>
</center>
</body>
</html>
Voilà a toi de mettre les bonnes url de tes images dans le tableau, de changer si tu veux la taille de l'image ( height ou width ) et si tu veux aussi changer la valeur de l'attente pour le mode autoplay.
Cette méthode a l'intérêt de faire un diaporama dynamique sans rechargement de page...
bonne prog @+
-- The Rubik's Man --