How to display a sequence of images from a single link?

Question

How to display a sequence of images from a single link?

Navigation

#1 by (2 votes)

1

Normally when using image gallery plugins (Lightbox, Fancybox, etc.), we load image A from thumb A, image B from thumb B and so on. By setting a relationship ( rel="x" ), we were able to display several gallery images using "next" and "prev".

So far, ok ... but when I have a set of images, but I do not need to display the thumbs of it? That is, do I want to load this set from a single specific link?

Looking at the plugin documentation, I did not find anything like it. Can I manipulate the plugin in this way without involving extra development?

javascript html jquery css

asked by anonymous 26.05.2014 / 19:59

1 answer

Join with lambda expression only Redirecting page indexing

score 2 · Accepted Answer

I tested it and that's it, just do a set of images, but put content only on the link of the first. Using example from 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>

Simplified:

<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>

Checking the code of Lightbox, it seems that's it, no there is "create gallery from a single link" . It fetches all href s and adds to the album of each data-lightbox . Unless another plugin offers this specific functionality, this is the workaround .