Salut,
Milles mercis de m'avoir répondu!
J'avais deja regardé les autres scripts pour essayer d'adapter à celui que j'ai mais j'ai rien trouvé qui me convienne...
Alors voici mon code:
<HTML>
<HEAD>
<script type="text/javascript">
function moveleft(){
pointer=pointer-1
image1=document.getElementById("preview1")
image1.src=images[pointer]
image2=document.getElementById("preview2")
image2.src=images[pointer+1]
image3=document.getElementById("preview3")
image3.src=images[pointer+2]
image4=document.getElementById("preview4")
image4.src=images[pointer+3]
image5=document.getElementById("preview5")
image5.src=images[pointer+4]
image=document.getElementById("main")
image.src=images[pointer+2]
}
function moveright() {
pointer=pointer+1
image1=document.getElementById("preview1")
image1.src=images[pointer]
image2=document.getElementById("preview2")
image2.src=images[pointer+1]
image3=document.getElementById("preview3")
image3.src=images[pointer+2]
image4=document.getElementById("preview4")
image4.src=images[pointer+3]
image5=document.getElementById("preview5")
image5.src=images[pointer+4]
image=document.getElementById("main")
image.src=images[pointer+2]
}
</script>
<BODY>
<Table align="center" border="0">
<Tr>
<Td align=center>
<img src="img3.jpg" height="310" width=400" id="main"></Td>
</Tr>
<Tr>
<Td>
<table border="0">
<Tr>
<Td><img src="arrowleft.gif" onclick="moveleft()" height="80" width="80"></td>
<script type="text/javascript">
images = new Array()
images[1] = "img1.jpg"
images[2] = "img2.jpg"
images[3] = "img3.jpg"
images[4] = "img4.jpg"
images[5] = "img5.jpg"
images[6] = "img6.jpg"
images[7] = "img7.jpg"
images[8] = "img8.jpg"
images[9] = "img9.jpg"
images[10] = "img10.jpg"
images[11] = "img11.jpg"
images[12] = "img12.jpg"
images[13] = "img13.jpg"
images[14] = "img14.jpg"
images[15] = "img15.jpg"
document.write("<td><img src="+images[1]+" width=\"120\" height=\"120\" id=\"preview1\"></td>")
document.write("<td><img src="+images[2]+" width=\"120\" height=\"120\" id=\"preview2\"></td>")
document.write("<td><img src="+images[3]+" width=\"120\" height=\"120\" id=\"preview3\"></td>")
document.write("<td><img src="+images[4]+" width=\"120\" height=\"120\" id=\"preview4\"></td>")
document.write("<td><img src="+images[5]+" width=\"120\" height=\"120\" id=\"preview5\"></td>")
pointer = 1
</script>
<Td><img src="arrowryt.gif" onclick="moveright()" height="80" width="80"></td>
</Tr>
</table>
</td>
</tr>
</Table>
</BODY>
L'image courante est celle de la position 3.
Il faudrait ajouter qualque chose dans la fonction moveleft() et moveright() pour que les images tournent en boucle. E pour les liens images le probleme c'est que je ne sais pas quoi mettre dans href=
?? pour que l'image s'affiche juste en haut.
Par exemple: document.write("<td
><A HREF= ><img src="+images[2]+" width=\"120\" height=\"120\" id=\"preview2\">
</A> </td>")
Quelqu'un peut m'aider?
Merci.
