Tom's Guide > Forum > Programmation > Mettre une lightbox sur mon site HELP

Mettre une lightbox sur mon site HELP

Forum Programmation : Mettre une lightbox sur mon site HELP

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Mot :    Pseudo :           
 

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.

Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.

Salut, quel est le problème? message d'erreur ou ..

Répondre à Anonyme

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&eacute;gales / <a href="pages/equipe.html">L'&eacute;quipe</a></span><br />
<img src="http://perso0.free.fr/cgi-bin/wwwcount.cgi?df=[kubrickspace].dat&amp;dd=B&amp;display=counter&amp;ft=0" alt="conteur" /><br />
&copy; Copyright - PREDA Pictures - Tous droits r&eacute;serv&eacute;s<br />
</p>
</div>
</div>

<map name="Map2" id="Map2">
<area shape="circle" coords="407,69,78" href="#" />
</map></body>
</html>

Répondre à lecter-bruckik

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>

Répondre à Anonyme

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...

Répondre à lecter-bruckik

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

Répondre à Anonyme

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.

Répondre à lecter-bruckik
Tom's Guide > Forum > Programmation > Mettre une lightbox sur mon site HELP
Aller à :

Il y a 947 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens