Probleme avec lightbox
gaya_102
-
sof26110 Messages postés 1130 Statut Membre -
sof26110 Messages postés 1130 Statut Membre -
Bonjour,
je sais pas si je suis au bon endroit.
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
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
je sais pas si je suis au bon endroit.
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
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 lightbox
- Visual LightBox - Télécharger - Photo & Graphisme
5 réponses
Tu créer une nouvelle page.
ensuite tu fait
<a href="adresse de l'image" title="nom image"><img src="http://www.adressedetonsite.com/tonimage.jpg" </a>
ensuite sur la page de l'image tu rajoute
<BODY BGCOLOR="black">
ensuite tu fait
<a href="adresse de l'image" title="nom image"><img src="http://www.adressedetonsite.com/tonimage.jpg" </a>
ensuite sur la page de l'image tu rajoute
<BODY BGCOLOR="black">
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
https://lokeshdhakar.com/projects/lightbox2/#download
regarde ce qu'il se passe quand tu cliques sur les photos