Testei e é isso mesmo, é só fazer um conjunto de imagens, mas colocar conteúdo só no link da primeira. Usando o exemplo do Lightbox:
<div class="image-set">
<a class="example-image-link" href="img/demopage/image-3.jpg" data-lightbox="example-set" data-title="Click the right half of the image to move forward.">
<img class="example-image" src="img/demopage/thumb-3.jpg" alt=""/>
</a>
<a class="example-image-link" href="img/demopage/image-4.jpg" data-lightbox="example-set" data-title="Or press the right arrow on your keyboard."></a>
<a class="example-image-link" href="img/demopage/image-5.jpg" data-lightbox="example-set" data-title="The next image in the set is preloaded as you're viewing."></a>
<a class="example-image-link" href="img/demopage/image-6.jpg" data-lightbox="example-set" data-title="Click anywhere outside the image or the X to the right to close."></a>
</div>
Simplificado:
<div class="image-set">
<a href="img1.jpg" data-lightbox="example-set">GALERIA</a>
<a href="img2.jpg" data-lightbox="example-set"></a>
<a href="img3.jpg" data-lightbox="example-set"></a>
<a href="img4.jpg" data-lightbox="example-set"></a>
</div>
Conferindo o código do Lightbox, parece que é isso mesmo, não há função "criar galeria a partir de um único link". Ele busca todos os href
s e adiciona ao album de cada data-lightbox
. A não ser que outro plugin ofereça essa funcionalidade específica, este é o workaround.
<a>
com texto e o resto sem (invisivel)?<a href="img/image-1.jpg" data-lightbox="image-1">Ver Galeria</a><a href="img/image-2.jpg" data-lightbox="roadtrip"></a><a href="img/image-3.jpg" data-lightbox="roadtrip"></a><a href="img/image-4.jpg" data-lightbox="roadtrip"></a>
– brasofilo 26/05/14 às 19:45