Galerie photo - liens pointant vers une div
oghma
-
clintm Messages postés 689 Date d'inscription Statut Membre Dernière intervention -
clintm Messages postés 689 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila le problème :
Je souhaite faire une galerie photo très simple. Les vignettes sont affichées à gauche de la page dans un iframe et lorsqu'on clique sur une vignette, j'aimerais que la photo s'affiche dans la partie droite (principale) de la page.
Mais évidemment, au moment de définir le lien vignette --> photo, les seules options sont _parent, _blank, _top et _self. Impossible donc de faire en sorte que mon lien inclue la div dans laquelle doit s'insérer la photo.
En fait, l'iframe de gauche contient juste une div avec
-----------------------------------------------------------------
<?php do { ?>
<div id="boite_thumbnails">
<?php echo $row_thumbnails['lien_photo']; ?>
</div>
<?php } while ($row_thumbnails = mysql_fetch_assoc($thumbnails)); ?>
------------------------------------------------------------------
et dans la base de données se trouvent des liens de la forme
------------------------------------------------------------------
<a href="../images/photos_making_of/5.jpg"><img src="../images/photos_making_of/thumbnails/5.jpg"></a>
------------------------------------------------------------------
Je ne sais pas du tout si je dois utiliser du javascript pour assigner la div en question via le DOM ou plutôt générer une page à la volée pour chaque photo.
Merci d'avance pour vos conseils.
Voila le problème :
Je souhaite faire une galerie photo très simple. Les vignettes sont affichées à gauche de la page dans un iframe et lorsqu'on clique sur une vignette, j'aimerais que la photo s'affiche dans la partie droite (principale) de la page.
Mais évidemment, au moment de définir le lien vignette --> photo, les seules options sont _parent, _blank, _top et _self. Impossible donc de faire en sorte que mon lien inclue la div dans laquelle doit s'insérer la photo.
En fait, l'iframe de gauche contient juste une div avec
-----------------------------------------------------------------
<?php do { ?>
<div id="boite_thumbnails">
<?php echo $row_thumbnails['lien_photo']; ?>
</div>
<?php } while ($row_thumbnails = mysql_fetch_assoc($thumbnails)); ?>
------------------------------------------------------------------
et dans la base de données se trouvent des liens de la forme
------------------------------------------------------------------
<a href="../images/photos_making_of/5.jpg"><img src="../images/photos_making_of/thumbnails/5.jpg"></a>
------------------------------------------------------------------
Je ne sais pas du tout si je dois utiliser du javascript pour assigner la div en question via le DOM ou plutôt générer une page à la volée pour chaque photo.
Merci d'avance pour vos conseils.
A voir également:
- Galerie photo - liens pointant vers une div
- Galerie photo en ligne gratuite - Guide
- Google photo - Télécharger - Albums photo
- Comment masquer une photo dans la galerie - Guide
- Google maps photo maison - Guide
- Photo filtre 7 gratuit - Télécharger - Retouche d'image
1 réponse
salut,
tu n'aà même pas besoin de mettre de frame,
il suffit, de mettre :
<script type="">
<!--
function changer(source)
{
document.getElementById("big").src = source;
}
-->
</script>
<a onclick="changer('http://monsite/image/image1.jpg');" href="">img src="image1.jpg"></a>
<img src="premiereimageengrand.jpg" id="big">
@+
tu n'aà même pas besoin de mettre de frame,
il suffit, de mettre :
<script type="">
<!--
function changer(source)
{
document.getElementById("big").src = source;
}
-->
</script>
<a onclick="changer('http://monsite/image/image1.jpg');" href="">img src="image1.jpg"></a>
<img src="premiereimageengrand.jpg" id="big">
@+