Lightbox-Galerie mit Fancybox

Mehrere Bilder als Galerie — durch Klick auf ein Thumbnail öffnet es sich in der Lightbox; mit den Pfeilen kann durch alle Galeriebilder navigiert werden.

Der Trick: alle Links teilen denselben Wert im data-fancybox-Attribut. Fancybox erkennt so, dass sie zusammengehören.

<!-- Alle Links mit demselben data-fancybox-Wert = eine Galerie -->
<div id="myFB">
  <a data-fancybox="gallery" href="img/bild1-gross.jpg">
    <img src="img/bild1-thumb.jpg" alt="Bild 1">
  </a>
  <a data-fancybox="gallery" href="img/bild2-gross.jpg">
    <img src="img/bild2-thumb.jpg" alt="Bild 2">
  </a>
</div>
Wasserbild Wasserbild Wasserbild Wasserbild