J'ai repéré le problème
En fait Lightbox fonctionne sans aucun problème
MAIS pour que tes images se lancent correctement avec Lightbox tu dois attendre que la page soit chargée TOTALEMENT (donc que l'ensemble des images soient chargées dans la navigateur.
Si tu n'attends pas la fin du chargement, Lightbox ne s'intialise pas, et le navigateur redirige vers le "href" de chaque lien (donc ouvre l'image dans la page au lieu de ouvrire avec lightbox)
Alors quelle solution?
D'une, il faut que tu proposes à l'utilisateur d'attendre que toute la page soit chargée.
Graphiquement tu peux faire ça avec une DIV que tu caches sur le onload de la page.
Pour ton exemple, dans la DIV "Page", j'ajoute une DIV "PageLoading" qui contient un texte "Chargement de la page"
J'ai également ajouté une autre DIV "PageContent" qui contient toutes les images. Cette DIV est caché au démarrage.
Sur le onload de la page, j'appelle une nouvelle fonciton qui va se charger de :
- cacher la DIV de loading
- afficher la DIV des images
- appeler la fonction qui initialise le menu
Exemple avec ton script :
-- JavaScript
Code :
function initPage(){
document.getElementById('PageLoading').style.display = "none";
document.getElementById('PageContent').style.display = "";
initSlideDownMenu();
}
window.onload = initPage;
--html
Code :
<div id="Page">
<div id="PageLoading" style="text-align:center; color:#FFF;">... Chargement de la page ...</div>
<div id="PageContent" style="display:none";>
<H1>Week end chez Popof - Octobre 2006</H1><CENTER><a href="Photos/Apero_LSR_Chez_Popof/IMG_0526.jpg" onclick="Lightbox.show('Photos/Apero_LSR_Chez_Popof/IMG_0526.jpg', 'titre')" rel=lightbox><IMG SRC=Photos/Apero_LSR_Chez_Popof/_tbh_IMG_0526.jpg BORDER=0></a><a href="Photos/Apero_LSR_Chez_Popof/IMG_0527.jpg" onclick="Lightbox.show('Photos/Apero_LSR_Chez_Popof/IMG_0527.jpg', 'titre')" rel=lightbox><IMG SRC=Photos/Apero_LSR_Chez_Popof/_tbh_IMG_0527.jpg BORDER=0></a><a href="Photos/Apero_LSR_Chez_Popof/IMG_0528.jpg" onclick="Lightbox.show('Photos/Apero_LSR_Chez_Popof/IMG_0528.jpg', 'titre')" rel=lightbox><IMG SRC=Photos/Apero_LSR_Chez_Popof/_tbh_IMG_0528.jpg BORDER=0></a><a href="Photos/Apero_LSR_Chez_Popof/IMG_0529.jpg" onclick="Lightbox.show('Photos/Apero_LSR_Chez_Popof/IMG_0529.jpg', 'titre')" rel=lightbox><IMG SRC=Photos/Apero_LSR_Chez_Popof/_tbh_IMG_0529.jpg BORDER=0></a><BR><a href="Photos/Apero_LSR_Chez_Popof/IMG_0530.jpg" onclick="Lightbox.show('Photos/Apero_LSR_Chez_Popof/IMG_0530.jpg', 'titre')" rel=lightbox><IMG SRC=Photos/Apero_LSR_Chez_Popof/_tbh_IMG_0530.jpg BORDER=0></a></CENTER>
<div id=icons><img src=img/icons/SSL12757.jpg></div></div></div>
J'ai déposé la page index2.php que tu utilises sur un autre serveur web avec mes corrections (uniquement le code html bien évidemment)
Voila ce que cela donne (vide ton cache navigateur pour voir le loading apparaître car les images sont celles de ton serveur...) :
www.megatom.info...
En espérant t'avoir aidé
a+