Lightbox
Utiliser "Lightbox"
Le but est de présenter une image dans un contexte la mettant en valeur ainsi qu'une légende plutot que sur un simple fond blanc.
A la différence des "Lightbox" plus récent qui gèrent la transparence de l'arrière plan dans un fichier "JavaScript", celui-ci utilise une image au format "png24" pour le fond coloré et l'on personnalisera le degré de transparence à souhait avec votre éditeur d'image préféré.
Télécharger les fichiers LightBox et les placer dans l'arborescence de votre site
Copier dans le "HEAD" le code appellant les fichiers téléchargés, en vérifiant les chemins, bien entendu :
<link rel="stylesheet" href="../lightbox/css/lightbox.css" type="text/css" media="screen" />
<script src="../lightbox/js/prototype.js" type="text/javascript"></script>
<script src="../lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="../lightbox/js/lightbox.js" type="text/javascript"></script>
<script src="../lightbox/top.js" type="text/javascript"></script>
<script src="../lightbox/js/prototype.js" type="text/javascript"></script>
<script src="../lightbox/js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="../lightbox/js/lightbox.js" type="text/javascript"></script>
<script src="../lightbox/top.js" type="text/javascript"></script>
ajouter dans lien de l'image : rel="lightbox" title="Véhicule d'exploration lunaire.
Exemple :
<a href="../espace/images/Apollo_17_Lunar_Roving_Vehicle.jpg" rel="lightbox" title="Véhicule d'exploration lunaire.">
