Bonjour à tous!
Je débute, j'ai récupéré un script pour faire défiler des images toute les secondes.
Seulement il faut cliquer sur le bouton suivant, j'ai mis
setTimeout pour relancer la fonction après 1 seconde,
mais mon but serait qu'il n'y aie pas de bouton..
Comment faire pour faire défiler mes img sans bouton? Ca paraît tout simple, et pourtant je trouve aucune source ou tuto pour le réaliser
MERCI d'avance :)
voici le code:
Code Javascript :
<html>
<head>
<title> Images défilante </title>
<script type="text/javascript">
var Num_Image = 1
var Max_Image = 3
//-----------------------
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"
//-- Relancer la fonction ShowImage(+1) automatiquement
setTimeout ("ShowImage(+1)",1000);
}
</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 suivante" onclick="ShowImage(+1);">
</center>
</body>
</html>