Lightbox JS v2.04

Exemples

Lightbox v2.0 utilise le framework Prototype et la bibliothèque Scriptaculous Effects. Il vous faudra insérer ces 3 fichiers Javascript dans le header de vos pages (entre les balise <head> et </head>) dans cet ordre.
```
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
```
Insérer également le lien vers le fichier css de Lightbox (ou ajouter son contenu à votre propre feuille de style).
```
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
```
Vérifiez le css et assurez-vous que les fichiers prevlabel.gif et nextlabel.gif sont à la bonne adresse. Assurez-vous aussi que les fichiers loading.gif et closelabel.gif référencés au début du fichier lightbox.js sont à la bonne adresse.

Ajoutez l'attribut rel="lightbox" à tout lien pour activer lightbox. Par exemple:
```
<a href="images/image-1.jpg" rel="lightbox" title="ma légende">image #1</a>
```
Optionnel: utilisez l'attribut title si vous voulez indiquer une légende.
Si vous avez un lot d'image que vous voulez grouper en un album, suivez la première étape ci-dessus mais insérer en plus un nom de groupe entre crochets à l'attribut rel. Par exemple:
```
<a href="images/image-1.jpg" rel="lightbox[voyage]">image #1</a>
<a href="images/image-2.jpg" rel="lightbox[voyage]">image #2</a>
<a href="images/image-3.jpg" rel="lightbox[voyage]">image #3</a>
```
Pas de limites aux nombre de groupe par page, ni au nombre d'images par groupe. Lâchez-vous!