Probleme avec la bibliotheque de lightbox2

gaya_102 -  
 gaya_102 -
Bonjour,

voila j'ai m'y dans le head de ma page html les librairies Prototype et Sriptaculous et le plugin LightBox .
j'ai ajouté également la feuille de style nécessaire à Lightbox 2 .

http://julienetemeline.free.fr/toffe.php

et voila ce que je voudrais avoir (faut cliquer sur les photos)

https://lokeshdhakar.com/projects/lightbox2/#example

voila mon code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Jour J</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>

<link rel="stylesheet" href="menu.css" type="text/css" media="screen"/>
<link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" />
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

</head>

<body>
<div id="rubrique">

<?php
include("menu.php");
?>
<div id="texte">
<br>
<h2>Toffee</h2>

<P>La présentation de ne serait pas complète sans présenter Toffee de la race « les chats d’amour ».</P>

<p>Toffee a débarqué un soir de juillet 2002 dans la vie d’Emeline : elle est arrivée du boulevard de Belleville à Paris en moto cachée dans le blouson de moto !</p>

<p>A l’époque elle avait à peine 5 semaine.</p>
<div id="toffe">

<a href="image/toffe.jpg" rel="lightbox" title="toffe"><img src="image/toffe.jpg" alt="tofee" /></a>
</div>
<p>Comment ne pas craquer devant cette petite boule de poil !</p>

<p>Elle a d’abord suivi la vie étudiante de sa maîtresse à Rennes. Puis après un court passage de quelques mois chez ses grands-parents elle s’est installée à Rueil Malmaison où elle a rencontré Julien !</p>

<p>Elle a commencé a apprécié le balcon dans le premier appartement d’Emeline et Julien (0019) et continue aujourd’hui à Chatou sa vie de chat ou plutôt de PACHA !</p>

<p>Mais bon, ses maîtres lui pardonne car elle est d’une aide particulièrement active dans les préparatifs du mariage </p>

</div>

</div>
<script type="text/javascript">
initMenu();
</script>

<script type="text/javascript">
var imgs = document.getElementsByTagName('img');

for (var i = 0; i < imgs.length; i++)
{
if (imgs[i].className == 'rollOver')
{
imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; });
imgs[i].className = '';
}
}

</script>
</body>
</html>

en fait quand je clique sur la photo elle me renvoie dans une autre page avec la photo.
Comment je peux faire pour il y ai le fond noir et l'image.
Merci d'avance de votre aide

1 réponse

gaya_102
 
snif personne?
0