salut a tous,
j'ai un petit soucis avec un code pour faire défiler des images grace a des boutons.
mon probleme est que mes images s'affichent l'une en dessous de l'autre (en liste) du coup les boutons ne servent a rien et la page fait 30km de long.
comment faire pour qu'elles s'affichent une par une en utilisant les boutons?
pouvez vous m'indiquer ou mettre l'adresse des images svp?
voici le code de base
<html>
<head>
<title> Images défilante </title>
<script type="text/javascript">
var Num_Image = 1
var Max_Image = 4
//-----------------------
function ShowImage( inc_){
//-- Recup de l'objet
var O_Img = document.images['PHOTO'];
//-- Gestion des Bornes
Num_Image += inc_;
if( Num_Image < 1) Num_Image = Max_Image;
if( Num_Image > Max_Image) Num_Image = 1;
//-- Affichage Image
O_Img.src = "img" + Num_Image +".jpg"
}
</script>
</head>
<body bgcolor=#800000>
<center><br><br><br>
<table border="3" cellpadding="3" cellspacing="3" bordercolor="#11111111" bgcolor="#DBDBDB">
<tr>
<td align="center">
<img name="PHOTO" src="img1.jpg" border="0">
</td>
</tr>
</table>
<br><br>
<input type="button" value="Image précédente" onclick="ShowImage(-1);">
<input type="button" value="Image suivante" onclick="ShowImage(+1);">
<input type="button" value="Première Image" onclick="Num_Image = 1; ShowImage(0);">
<input type="button" value="Dernière Image" onclick="Num_Image =Max_Image;ShowImage(0);">
</center>
</body>
</html>
merci beaucoup