Se connecter avec
S'enregistrer | Connectez-vous

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.

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>
Lassé par la pub ? Créez un compte

Créer un nouveau sujet

Tom's guide dans le monde