1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35
|
<script language="javascript" >
// JavaScript Document
legende = new Array();
<!-- definition de legende (le numero entre croché correspond au numero de l'image) -->
legende[1] = "Genève";
legende[2] = "Nice";
legende[3] = "Paris";
[...]
legende[33] = "Brest";
<!-- fin du tableau de légendes -->
function show(i){
document.image.src='http://vmw0012:7019/Villes/Photos/image' +i+ '.jpg';
if(!legende[i]){
document.form.legende.value="Pas de légende disponible";
document.image.alt="";
} else {
document.form.legende.value=legende[i];
document.image.alt=legende[i];
}
}
for (i=1;i<34;i++){
document.write("<a name='"+i+"' href='#' onClick='show("+i+")'><img src='http://vmw0012:7019/Villes/MiniPhotos/image"+i+".jpg' border='0' alt='"+legende[i]+"' id='"+i+"'<br><br>></a>")
}
document.write("</div></TD><TD class='soussousrubrique' valign='top' width='289'><img src='http://vmw0012:7019/Villes/Photos/image1.jpg' name='1' height='400' id='image'<br><br>>");
document.write("<form name='form' method='post' action=''>");
document.write("<input name='legende' value='"+legende[1]+"' type='text' size='100' readonly>");
document.write("</form>");
</script> </TD>
</TR> |