Texte différent pour image de diapo photo JS

Bonjour,

J'espère être dans la bonne rubrique! lol.

J'ai un soucis en javascript qui est le suivant: j'ai créé un script me permettant de mettre des photo en diapo avec des bouttons et tt.

Et maintenan je souhaiterai mettre pour chaque photo différente un texte(commentaire) différent a chak fois.

Exemple : Photo1 = kel boulet il mange avec son nez
Photo 2 = ca s'appel un eskimo??

Donc ke lon choisisse les photos une par une ou en diapo, les commentaire doivent etre différent.

Voici mon code:

dans les head:



<SCRIPT LANGUAGE="JavaScript">
var rotate_delay = 5000;
current = 0;
function next() {
if (document.slideform.slide[current+1]) {
document.images.show.src = document.slideform.slide[current+1].value;
document.slideform.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform.slide[current-1].value;
document.slideform.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform.slide[0].value;
document.slideform.slide.selectedIndex = 0;
}
function last() {
current = document.slideform.slide.length-1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
}
function ap(text) {
document.slideform.slidebutton.value = (text == "Stop") ? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform.slide.selectedIndex;
document.images.show.src = document.slideform.slide[current].value;
}
function rotate() {
if (document.slideform.slidebutton.value == "Stop") {
current = (current == document.slideform.slide.length-1) ? 0 : current+1;
document.images.show.src = document.slideform.slide[current].value;
document.slideform.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>

et le body:

<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000" >
<tr>
<td align=center bgcolor="white"> <b>diapos</b>
</td>
</tr>
<tr>
<td align=center bgcolor="white" >
<img src="100_0006B.jpg" width="150px" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<select name="slide" onChange="change();">
<option value="100_0006B.jpg" selected>N°1
<option value="100_0007B.jpg">N°2
<option value="100_0008B.jpg">N°3
<option value="100_0009B.jpg">N°4
<option value="100_0010B.jpg">N°5
<option value="100_0011B.jpg">N°6
<option value="100_0015B.jpg">N°7
<option value="100_0016B.jpg">N°8
<option value="100_0017B.jpg">N°9
<option value="100_0018B.jpg">N°10
<option value="100_0019B.jpg">N°11
<option value="100_0131B.jpg">N°12

</select>
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0">
<input type=button onClick="first();" value="|<<" title="Beginning">
<input type=button onClick="previous();" value="<<" title="Previous">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input type=button onClick="next();" value=">>" title="Next">
<input type=button onClick="last();" value=">>|" title="End">
</td>
</tr>
</table>
</form>

Voila, pour etre clair je voudrais mettre un texte différent pour chaque image.

Merci de votre aide généreuse.

A++