Bonjour,

J'ai réalisé plusieurs vignettes-photos sur un site. Lorsqu'on clique sur chacune d'elles, une fenêtre Lightbox apparait avec une sélection de photos.

Ce que je remarque, c'est que Lightbox regroupe la totalité des photos (90 au total dans mon cas),c-à-d : quand on clique sur une vignette, on commence par la première photo de la sélection choisie, mais on a la possibilité de continuer de voir toutes les photos (mêmes des autres sections) si on continue à cliquer sur "suivante" ou "précédente".

Ce que j'espérais, en créant les différentes vignettes avec Lightbox, c'est qu'on puisse voir que les photos de la section choisies.

Quelqu'un a-t-il une idée de comment modifier cela dans mon code?

Voici le lien de mon site : http://www.pointdot.be/projets/sonexcentrique/2/photos.html

Merci d'avance pour vos réponses.
Modifié par paskwalina (19 Apr 2010 - 15:33)
Lightbox utilise l'attribut rel de tes liens pour lier les images entre elles.
Si dans chacun de tes liens, tu as le même attribut, à savoir lightbox[ photo ], alors toutes les images, qu'elles soient ou non dans le même conteneur, vont être chargées.

Pour chaque groupe d'images, il faut indiquer une valeur différente :


<a href="monimage.jpg" rel="lightbox[ galerie1 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<a href="monimage2.jpg" rel="lightbox[ galerie1 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<a href="monimage3.jpg" rel="lightbox[ galerie1 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<a href="monimage4.jpg" rel="lightbox[ galerie1 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<!-- etc... -->

<a href="monimage.jpg" rel="lightbox[ galerie2 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<a href="monimage2.jpg" rel="lightbox[ galerie2 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<a href="monimage3.jpg" rel="lightbox[ galerie2 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<a href="monimage4.jpg" rel="lightbox[ galerie2 ]" alt="blablabla"><img src="thumb.jpg" /></a>
<!-- etc... -->


Sinon tu as des tas d'autres Lightbox qui permettent de spécifier des groupes d'images, avec un code dans le genre :

$('div.galerie').makeGalleries({options});


;)
Modifié par Guillem.C (16 Apr 2010 - 23:38)