Bonjour à tous.
Pour mon site je souhaite utiliser une Lightbox pour faire un zoom sur les produits.
Cependant je voudrais que chaque image puisse,
- lorsque l'on passe dessus avoir le phénoméne Lightbox (ca c'est bon)
- lorsque l'on clique sur la Lightbox, envoyer sur un lien. (la y'a bug
).
Maintenant je complique la chose:
J'utilise du php pour générer la page html (car elle est repetitive), je voudrais donc
qu'à chaque image corresponde un Lightbox et un lien qui depend de cette image.
voici la source:
partie php qui genere ma page:
<?php if ($prod['image1'] <> "") {?>
<div align="center">
<?php $LienImg= $wwwroot.'/achat/produit_details.php?id='.$prod['id'] ?>
<?php echo $LienImg ?> <!--ici le lien créé en php propre à l'image que je souhaite mettre dans le script de la fonction initLightbox() -->
<a href="<?php echo $wwwroot?>/upload/<?php echo $prod['image1'] ?>" rel="lightbox">
<img src="<?php echo $wwwroot?>/upload/<?php echo $prod['image1'] ?>" border=1 width="153" alt="" />
</a>
</div>
<?php } else {?><div align="center"><img src="<?php echo $wwwroot?>/images/photo-non-disponible.gif" alt="" /></div><?php }?>
partie Lightbox:
function initLightbox()
{
if (!document.getElementsByTagName){ return; }
var anchors = document.getElementsByTagName("a");
// loop through all anchor tags
for (var i=0; i<anchors.length; i++)
{
var anchor = anchors[i];
if (anchor.getAttribute("href") && (anchor.getAttribute("rel") == "lightbox"))
{
anchor.onmouseover = function () {showLightbox(this); return false;} //Lightbox sur passage de la souri
// anchor.onmouseout = function () {hideLightbox()(this); return false;}
}
}
......
// create link
var objLink = document.createElement("a");
// objLink.setAttribute('href','#');
objLink.setAttribute('href','http://127.0.0.1/2008/achat/produit_details.php?id=1'); //et je voudrais mettre le lien ici en dynamique et non en dur
objLink.setAttribute('title','Cliquez pour fermer');
// objLink.onclick = function () {hideLightbox(); return false;}
objLightbox.appendChild(objLink);
.....
}
Merci pour toutes reponses ou pistes.
A bientot
L'entre-aide est la force de notre savoir 