Probleme avec la bibliotheque de lightbox2
gaya_102
-
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
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
A voir également:
- Probleme avec la bibliotheque de lightbox2
- Google photo bibliothèque - Accueil - Photo
- Bibliothèque dynamique aacs - Forum Windows
- Bibliothèque de liaisons dynamique - Forum Windows
- Le point d'entrée de procédure est introuvable dans la bibliothèque de liens dynamiques ✓ - Forum Windows
- Point d'entrée introuvable ✓ - Forum Logiciels