• Resolved kayamurer

    (@kayamurer)


    Hi Arno,

    First of all I want to thank you for your great plugin – really the best lightbox for wordpress!

    I tried to use the lightbox with a carousel and used the following markup:

    <ul>
    	<li>
    		<a href="" data-lbwps-gid="carousel-xyz"">
    			<img src="" srcset="" sizes="">
    		</a>
    	</li>
    </ul>
    

    In the Inspector, the images have the desired order. In the Lightbox, however, the first three images that are visible in the slider are always displayed in last position. The rest all come before them.

    This is the order in the Lightbox:
    Image 4, Image 5, Image 6, Image 1, Image 2, Image 3

    Do you have an idea what this could be or can I possibly even overwrite the order?

Viewing 1 replies (of 1 total)
  • Plugin Author Arno Welzel

    (@awelzel)

    The order of images is usually in the order how they appear in the HTML code. However 4,5,6,1,2,3 is very similar to 1,2,3,4,5,6 – only the start point is different. Since data-lbwps-gid is also present: did you add this manually? Usually this is only added when enabling the option to group gallery images, but this is only supported for standard WordPress style galleries and Gutenberg.

    Anyway – if you need to adjust this, you can add a tabindex attribute to the links – if the carousel allows you to do so:

    <a href="image1.jpg" tabindex="1">...</a>
    
    <a href="image2.jpg" tabindex="2">...</a>
    
    <a href="image3.jpg" tabindex="3">...</a>
    
    ...

    Also see the FAQ about this: How to change the order of the images in the lightbox?

Viewing 1 replies (of 1 total)
  • The topic ‘Wrong image order of carousel images’ is closed to new replies.