Comment utiliser lightbox 2 dans script php ?
Résolu
Lolo
-
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
bg62 Messages postés 23732 Date d'inscription Statut Modérateur Dernière intervention -
Bonjour,
J'essaye d'insérer le bout de script proposé sur http://www.huddletogether.com/projects/lightbox2/#example de façon à obtenir un joli affichage de mes images lorsqu'on clique dessus.
Pour le moment ça m'affiche bien mes photos en plus grand mais dans une autre fenêtre et sans aucune présentation. Je souhaiterais obtenir le même résultat que sur le site cité ci-dessus.
Voici le code header :
<?php session_start (); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Au delà des mots</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="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
Et le code photo :
<form method="post" action="panier.php" style="float:left; margin-top:5px; margin-left:50px; ">
<a href="photos/gite205106.jpg" rel="lightbox[roadtrip]"> <img Style="width:150px; margin-top: 75px; margin-left: 5px; border: ridge 2px pink;" src="photos/gite205106.jpg" alt="Macro" /> </a>
<input type="hidden" name="produit" value="gite205106" >
<p>
<label for="prix_format">Prix unitaire</label>
<select name="prix_format" id="prix_format">
<option value="30">format 10x13 : 30€</option>
<option value="40">format 13x17 : 40€</option>
<option value="50">format 30x40 : 50€</option>
</select> <br/>
<label for="quantite">Quantité</label>
<select name="quantite" id="quantite">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
Quelqu'un serait il ou est le problème ?
Merci pour vos réponses...
J'essaye d'insérer le bout de script proposé sur http://www.huddletogether.com/projects/lightbox2/#example de façon à obtenir un joli affichage de mes images lorsqu'on clique dessus.
Pour le moment ça m'affiche bien mes photos en plus grand mais dans une autre fenêtre et sans aucune présentation. Je souhaiterais obtenir le même résultat que sur le site cité ci-dessus.
Voici le code header :
<?php session_start (); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Au delà des mots</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="css/lightbox.css" type="text/css" media="screen" />
</head>
<body>
Et le code photo :
<form method="post" action="panier.php" style="float:left; margin-top:5px; margin-left:50px; ">
<a href="photos/gite205106.jpg" rel="lightbox[roadtrip]"> <img Style="width:150px; margin-top: 75px; margin-left: 5px; border: ridge 2px pink;" src="photos/gite205106.jpg" alt="Macro" /> </a>
<input type="hidden" name="produit" value="gite205106" >
<p>
<label for="prix_format">Prix unitaire</label>
<select name="prix_format" id="prix_format">
<option value="30">format 10x13 : 30€</option>
<option value="40">format 13x17 : 40€</option>
<option value="50">format 30x40 : 50€</option>
</select> <br/>
<label for="quantite">Quantité</label>
<select name="quantite" id="quantite">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</p>
Quelqu'un serait il ou est le problème ?
Merci pour vos réponses...
A voir également:
- Comment utiliser lightbox 2 dans script php ?
- Comment utiliser chromecast sur tv - Guide
- Supercopier 2 - Télécharger - Gestion de fichiers
- Script vidéo youtube - Guide
- Utiliser iphone comme webcam - Guide
- Comment utiliser wetransfer - Guide
Mais le problème venait en fait des liens .gif compris dans le lightbox.css.
Maintenant mon soucis est que la fenêtre qui s'ouvre pour afficher la photo est beaucoup trop grande et je ne trouve pas où est ce qu'on peut modifier sa taille ???