lightroom 2 séries d'images

reso101
Les bases HTML/CSS

Bonjour à tous, J'ai installé "non sans mal" et en piochant sur tous les tutoriaux un jolie effet lightbox dont je ne suis pas peux fier... Forcément ce monde de brut est toujours aussi injuste et je bute devant un nouveau problème. J'ai différents événements dans lesquels je dois mettre des vignettes attribuées à l’événement avec effet lightbox. exemple : evenement 1 photo 1 | photo 2 | photo 3 evenement 2 photo 4 | photo 5 | photo 6 Donc quand j'utilise la navigation dans le lightbox, il ne fait aucune différence entre les événements... Je peux cliquer jusqu'à la fin de ma page de la photo 1 à photo 6... Mon souhait serait de différencier dans le lightbox : clique sur event1 > photo 1 à 3 puis stop // si on clique sur event2 > photo 4 à 6 puis stop Merci à toutes et à tous pour votre aide... lien [url=http://]http://www.univers-net.com/event\_pro\_ok.html[/url] (recopier ce lien dans la barre d'adresse car il ne fonctionne pas directement) (j'ai bien indiqué en en-tete les chemins des .JS et .CSS concernant le lightbox) Nico

4 réponses

Vallyan
Réponse acceptée

C'est en assignant différentes valeurs a ton attribut 'data-fancybox-group', correspondant a tes groupes d'images. Une meme valeur indique un meme groupe d'image.

coloo

crée un deuxième dossier démo2 ?

J'ai pas tellement regarder la structure mais je n'ai pas vu de container donc c'est normal qui te récupère tous les liens :p

reso101
Auteur

Merci pour ta réponse,

j'ai effectué la modif en rajoutant un dossier demo2 et changé dans le html les liens, mais j'ai pourtant le même résultat.

reso101
Auteur

Bon merci Vallyan... j'ai enfin la réponse à ma question, je vais pour modifier la structure de mes anciens sites mais surtout ce dernier. Génial, je suis trop content... Donc pour ceux que cela intéresse et pour être un peu plus précis voici le code pour un lightbox "FANCYBOX" avec 2 galeries différentes sur la même page :

Pour utiliser les sources

lien vers les sources

dans la page HTML

dans le <body>
<p>
<a class="fancybox" href="lightbox/photo1.jpg" data-fancybox-group="gallery1" title="photoA"><img src="lightbox/vignette1.jpg" alt="" /></a>
<a class="fancybox" href="lightbox/photo2.jpg" data-fancybox-group="gallery1" title="photoB"><img src="lightbox/vignette2.jpg" alt="" /></a>
</p>
<p>
<a class="fancybox" href="lightbox/photo3.jpg" data-fancybox-group="gallery2" title="photoC"><img src="lightbox/vignette3.jpg" alt="" /></a>
<a class="fancybox" href="lightbox/photo4.jpg" data-fancybox-group="gallery2" title="photoD"><img src="lightbox/vignette4.jpg" alt="" /></a>
</p>

Merci à tous votre entre aide