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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
| <?
$repimg = "image/"; // répertoire des images
?>
<HTML><HEAD><TITLE>Cal Senyoret</TITLE>
<link rel="stylesheet" type="text/css" href="styles.css">
<script language="JavaScript" src="scroll.js"></script>
<script language="JavaScript" type="text/javascript">
<!--declaration de la fonction Init qui permet de défiler des images....Ici Images a droite. voir en haut declaration de la Librerie scroll.js .
function Init()
{
MyBox = new Box('MyBox', 'conteneur', 1, 40, 20, 1);
MyBox.start();
}
//-->
</script>
<style type="text/css">
<!--
.posrelative
{
POSITION: relative;
}
#conteneur
{
POSITION: relative;
OVERFLOW: hidden;
WIDTH: 200px;
height=200px;
CLIP: rect( 0px 200px 200px 0px);
top:0px;
margin: 0px;
padding: 5px;
}
-->
</style>
</HEAD>
<BODY onload="Init() " class=fond><center>
<div id="cadre">
<div id="bandeau" >
</div>
<div id="menu">
</div>
<div id="contenu">
<div id="titre">
</div>
</div>
<div id="image">
<DIV ID="conteneur" onmouseover="MyBox.stop();" onmouseout="MyBox.start();" >
<DIV ID="info1" class="posrelative" width=200>
<IMG class="posrelative" SRC="images/foto1.JPG" WIDTH=190 border=1 >
</DIV>
<DIV ID="info2" class="posrelative" width=200>
<IMG class="posrelative" SRC="images/foto2.JPG" WIDTH=190 border=1 >
</DIV>
<DIV ID="info3" class="posrelative" width=200>
<IMG class="posrelative" SRC="images/foto3.JPG" WIDTH=190 border=1 >
</DIV>
</DIV>
</div>
</div>
</BODY></HTML> |
