Untitled

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="fr" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Le titre</title>
<meta name="robots" content="index, follow"/>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="La description"/>
<meta name="keywords" content="les keywords"/>
<link type="text/css" rel="stylesheet" href="lightbox-image.css">
<script src="lightbox-image.js" type="text/javascript"></script>
</head>
<body>

//Même si on a l'impression que les 5 lignes qui suivent ne servent à rien, il faut les garder
//sinon la lightbox ne s'ouvre pas.
<div id="shadowing"></div>
<div id="box">
    <div id="boxcontent"  onclick="closebox()">  </div>
    <div id="boxtitle"> Titre </div>
</div>

<img src="chemin vers image 1" onclick="openbox('chemin vers image 1','Titre1');">
<img src="chemin vers image 2" onclick="openbox('chemin vers image 2','Titre2');">
//Pour économiser de la bande passante, on peut aussi afficher une image taille réduite et en argument
//de la fonction openbox on passe l'image taille réelle, cela permet de l'afficher que si on clique sur
//l'image taille réduite.
//Pour les titres on peut mettre ce qu'on veut, même avec des espaces. Ce sera ajouté dans un rectangle
//(qui sera gris si on modifie rien) placé sous la lightbox lorsqu'elle s'ouvre.
</body>
</html>