<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script
type="text/javascript"src="scriptgalerie.js"></scr
ipt>
<title>galerie</title>
<style type="text/css">
*
{
margin:0;
padding:0;
}
body
{
background-color:#CCCCCC;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
}
h1
{
text-align:center;
}
img
{
border:none;
}
- galerie
{
width:750px;
background-color:#333;
border:2px solid #000;
margin:0 auto 0 auto;
position:relative;
}
- galerie div
{
float:left;
width:150px;
padding:5px;
margin:5px 15px 5px 10px;
background-color:#FFF;
}
- galerie p
{
font-style:italic;
text-align:center;
}
- grandeImage
{
display:none;
border:1px solid black;
height:auto;
width:auto;
background-color:#CCCCCC;
position:absolute;
left:125px;
top:0;
}
.spacer
{
clear:both;
display:block;
}
</style></head>
<body>
<h1>Galerie</h1>
<div id="galerie">
<span id="grandeImage"><a href="#"onclick="masque()"><p id="legende"></p><img id="image" src="" alt="" /></a><p>Cliquez sur l'image pour fermez</p></span>
<div>
<a href="#" onclick="affiche('image/the.jpg','Rendu 3D')"><img src="image/the_vignette.jpg" alt="" /></a><p>Rendu 3D</p>
</div>
<div>
<a href="#"
onclick="affiche('image/avion.jpg',''Avion')"><img
src="image/avion-pt.jpg" alt="" /></a><p>Avions de chasse</p>
</div>
<div>
<a href="#" onclick="affiche('image/earth.jpg','Terre')"><img src="image/earth-pt.jpg" alt="" /></a><p>Terre</p>
</div>
<div>
<a href="#"
onclick="affiche('image/graffiti.jpg','Graffiti')"
<img src="image/graffiti-pt.jpg" alt="" /></a><p>Graffiti</p>
</div>
<span class="spacer"> </span>
</div>
</body>
</html>