Replies: 0
Hi,
Apologies if this is the incorrect forum to be posting this question.
I’m building pages that show photography projects, and the main view is a page of standalone images that the user scrolls down to see more, in a magazine-style layout. Elementor’s lightbox is a lovely feature to click to view each image separately, however ideally I’d like users to be able to use left/right arrows within the lightbox (as they can in gallery/carousel lightboxes) to scroll through each image on the page / in the project. I’m wondering if there’s any way to do this for standalone images in the lightbox?
I also wonder if a workaround would be to make each image on the page an image carousel, each containing all images on the page but only displaying x image, meaning that when clicked the lightbox would give the impression of navigating through each image on the page (but in fact would be populated by other images in the carousel that are not displayed on-page). Is there a way to disable carousel on-page movement? I.e. the carousel cannot be used on the page but only in the lightbox, and thereby only ever showing the user one image on the page? I’ve tried pinpointing carousel slides in css with no luck, maybe there’s a way to disable carousel movement on-page but not in-lightbox using JS?
I hope that makes sense. Any comments or ideas welcome – perhaps there’s a super simple way to do what I’m asking that I’ve completely missed. Thanks 🙂
I’ve linked to the webpage in question below.