Mettre une lightbox sur mon site HELP
Dernière réponse : dans Programmation
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/dossiers/lightbox/lightbox.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.
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/dossiers/lightbox/lightbox.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.
Autres pages sur : mettre lightbox site help
Lassé par la pub ? Créez un compte
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..."></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>
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..."></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>
<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>
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
Erreur : $("overlay") has no properties
Fichier source : http://kubrickspace.free.fr/LB/js/lightbox.js
Ligne : 209
Lassé par la pub ? Créez un compte
- Contenus similaires :
Tags :
- ForumHelp code lyoko un site qui marche
- ForumHelp pour creation d1 site web
- ForumVideo sur site web need help
- ForumMeilleur ide pour un site web help
- solutionsMeilleur theme pour un site web help
- ForumHelp referencement site internet wifeo
- ForumHelp referencement sur google de mon site
- ForumOuverture d'un site internet . help
- ForumHelp,cherche site pour telecharger gratos des
- ForumBoite de musique pour site box help
- Voir plus