Mettre une lightbox sur mon site HELP
Forum Programmation : Mettre une lightbox sur mon site HELP
Bonjour à tous, alors voilà depuis un an je me lance dans la conception d'un site internet sur Stanley Kubrick. Et dans mon site j'ai eu l'intention de faire une gallerie photos. Et pour cela j'ai décider d'utiliser Lightbox.
Mais le probleme c'est que ne connaissant rien la dessus je me suis mis à la recherche d'une solution sur le net : et on y trouve 36solution différente avec des versions différentes et des editeurs différents.....
Alors je suis aller voir sur ce site : http://therapidpage.free.fr/dossie [...] htbox.html
Et j'ai suivi les instructions, mais le probleme c'est que ça n'a rien donné : voici l'adresse de mon site http://kubrickspace.free.fr
C'est une page d'essai spéciale.
Salut, quel est le problème? message d'erreur ou ..
Slt en fait d'une part le l'image ne s'affiche pas et le lien ne marche pas.
Mais je déjà réussi à le les faire marcher et là, l'animation lightbox ne se fait pas : l'image en question s'affiche dans une autre page.
Voici mon code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>KUBRICK SPACE - Une vie en images</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="La référence kubrickienne. Tout sur Stanley Kubrick, l'un des plus grand réalisateur de l'histoire du cinéma. Bio, Filmo, Oeuvres, Téléchargements, ...">
<meta name="keywords" lang="fr" content="Stanley,Kubrick,Space,orange,mécanique,réalisateur,scénariste,full,metal,jacket,2001,l'odyssée,de,l'espace,a,odyssey,clockwork,shining,eyes,wide,shut,docteur,folamour,les,sentiers,de,la,gloire,paths,of,glory,fear,and,desire,barry,lyndon,l'ultime,razzia,the,killing,le,baiser,du,tueur,killer's,kiss,day,fight,spartacus,a,life,in,pictures,une,vie,en,images,steven,spielberg,lolita,RKO,
united,artist,warner,bros,science,fiction,guerre,anticipation,horreur,humour,drame,alex,hal,jack,torrance,malcom,mcdowell,nicholson,nicole,kidman,tom,cruise,ryan,o'neal,peter,sellers,kirk,douglas,patrick,maggee,viviane">
<META HTTP-EQUIV="Content-Language" content="fr">
<meta name="reply-to" content="kubrickspace@free.fr">
<meta name="category" content="Actualités">
<meta name="robots" content="index,follow,all">
<meta name="distribution" content="global">
<meta name="revisit-after" content="1 days">
<meta name="author" lang="fr" content="Johann BEL">
<meta name="copyright" content="© Copyright - PREDA Pictures - Tous droits réservés">
<meta name="generator" content="">
<meta name="identifier-url" content="http://kubrickspace.free.fr">
<meta name="expires" content="never">
<meta name="Date-Creation-yyyymmdd" content="">
<meta name="Date-Revision-yyyymmdd" content="">
<style type="text/css">
<!--
body {
background-color: #666666;
background-image: url(images/images%20design/fondpage.jpg);
}
.Style2 {font-size: 24}
.Style7 {font-size: 18px}
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
color: #000000;
text-decoration: none;
}
a:hover {
color: #FF9900;
text-decoration: underline;
}
a:active {
color: #000000;
text-decoration: none;
}
-->
</style>
<!--Start LightboxJS2-->
<link rel="stylesheet" href="http://kubrickspace.free.fr/LB/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://kubrickspace.free.fr/LB/js/prototype.js"></script>
<script type="text/javascript" src="http://kubrickspace.free.fr/LB/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://kubrickspace.free.fr/LB/js/lightbox.js"></script>
<!--End LightboxJS2-->
</head>
<body>
<div align="center"> <br />
<table width="0" height="686" border="1" cellspacing="1" bordercolor="#999999" bordercolorlight="#FF9900" bordercolordark="#FF9900" bgcolor="#999999">
<tr>
<td width="820" height="150" bgcolor="#000000" class="Style2"><img src="images/images design/baniere.jpg" alt="" width="820" height="146" border="0" usemap="#Map2" /></td>
</tr>
<tr>
<td height="411" align="center" bgcolor="#000000" class="Style2"><div align="center"><br />
<a href="http://kubrickspace.free.fr/LB/images/wall1.jpg" rel="lightbox" title="wall1"><img width="112" height="72" scr="http://kubrickspace.free.fr/LB/images/wall1.jpg"></a>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div></td>
</tr>
<tr>
<td height="119" align="center" bgcolor="#000000" class="Style2"><div>
<div align="left">
<div>
<div align="left">
<table width="100%" height="115" border="0">
<tr>
<td width="34%" height="111"><div align="center"><img src="images/images design/banachats.jpg" alt="achats" width="210" height="101" border="0" usemap="#Map" /></div></td>
<td width="34%"><div align="center"><img src="images/images design/bangallery.jpg" width="210" height="101" alt="gallery" /></div></td>
<td width="32%"><div align="center"><img src="images/images design/banforum.jpg" width="210" height="101" alt="forum" /></div></td>
</tr>
</table>
</div>
</div>
<map name="Map" id="Map">
<area shape="rect" coords="0,0,209,102" href="pages/achats.html" />
</map>
</div>
</div></td>
</tr>
</table>
<div align="center">
<p><span class="Style7"><a href="mailto:kubrickspace@free.fr">Contact Webmaster </a>/ Informations Légales / <a href="pages/equipe.html">L'équipe</a></span><br />
<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[kubrickspace].dat&dd=B&display=counter&ft=0" alt="conteur" /><br />
© Copyright - PREDA Pictures - Tous droits réservés<br />
</p>
</div>
</div>
<map name="Map2" id="Map2">
<area shape="circle" coords="407,69,78" href="#" />
</map></body>
</html>
essaie de remplacer
<a href="http://kubrickspace.free.fr/LB/images/wall1.jpg" rel="lightbox" title="wall1"><img width="112" height="72" scr="http://kubrickspace.free.fr/LB/images/wall1.jpg"></a>
par
<a href="http://kubrickspace.free.fr/LB/images/wall1.jpg" rel="lightbox" title="wall1">wall</a>
Salut, alors le problème c'est que d'une part le lien ne se fait toujours pas et deuxièment le lien est un lien texte alors que je le voudrais en image...
une piste, voilà l'erreur qu'on obtient dans la console de firefox quand on clique sur le lien
Erreur : $("overlay" ) has no properties
Fichier source : http://kubrickspace.free.fr/LB/js/lightbox.js
Ligne : 209
Pourtant je n'ai rien toucher sur cette ligne. Je n'ai rempli dans le fichier script que les url menant au images pour mon site.
Il y a 947 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.
