So I’ve got a project page for my portfolio website that I’m working on, and I have lightboxes for my project images.
The lightboxes are set to animate left and right as the pages scrolls, with thumbnail images fading out after a certain point to reveal the next image underneath, using “while page is scrolling in view” element triggers.
I would like all three images to be in one lightbox that I can manipulate, but the obvious drawback to that is that the lightbox will always open up on whichever image is set as the first.
So my question is: is there any way to alter the order of media in a lightbox as the page scrolls? I am not afraid of using custom code to do so.
Here is my site Read-Only: LINK
(how to share your site Read-Only link)