probleme défilement image
probleme défilement image - HTML/CSS - Programmation
Marsh Posté le 14-05-2008 à 11:50:05
après une nuit presque blanche passée la dessus ça ne marche toujours pas
help!!!
Sujets relatifs:
- [Résolu] Problème dans le menu
- [Windows]Probleme de plannification de tache
- Probleme d'affichage de ma page sur firefox
- Problème formulaire actu calendrier !!
- [php] problème d'images
- enregistrer / uploader une image
- Probleme de decalage banniere
- probleme de jscrollPane
- [html / css] Mettre une image en bordure
- probléme d'envoie e-mail
Marsh Posté le 14-05-2008 à 02:35:37
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>
ma première image ça donne ça><img name="photos"src="insecte/img1.jpg"border="0">
comment en insérer d'autres?
si quelqu'un pourrait me faire quelque lignes exemple pour les images ce serait vraiment cool
merci d'avance