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 36 37 38 39 40 41 42 43 44 45 46 47
|
<html>
<head>
<title>photos</title>
<script>
var text_array = new Array(3); <!-- mettre le nombre de photos -->
text_array[0] = "photo N°0"; <!-- ici les légendes de chaques photos -->
text_array[1] = "photo N°1";
text_array[2] = "photo N°2";
text_array[3] = "photo N°3";
function photo(i){
document.images['img'].src='./jpg/jpg_'+i+'.jpg';
texte.value =text_array[i] ;
}
</script>
<base target="_self">
</head>
<body bgcolor="#000000">
<center>
<table>
<tr><img src="jpg/jpg_0.jpg" name="img" width="450" height="350"></tr>
</table>
<table cellpadding=25>
<td><img src="./gif/gif_0.gif" onclick="photo(0)" width="50" height="50"></td>
<td><img src="./gif/gif_1.gif" onclick="photo(1)" width="50" height="50"></td>
<td><img src="./gif/gif_2.gif" onclick="photo(2)" width="50" height="50"></td>
</table>
</center>
<p align="center"><font face="Verdana" size="2" color="#FFFF00">Cliquez sur les petites photos sur le coté pour les voir en plus grand</font></p>
<!-- la plus grande dimension d'un gif doit être de 150 pixels -->
<!-- <center><textarea WRAP="virtual" name="texte" rows=2 cols=66 style="vertical-align: middle; text-align: center; font-family: v; font-size: 10pt; background-color: #009933">
bla bla bla d'introduction</textarea></center> -->
</body>
</html> |
Partager