Tagged: x
-
AuthorPosts
-
August 4, 2016 at 10:27 am #1117390
metricationParticipantOn some pages of my website I am using more than one Grid.
For example on one page of my site I have four. Their layout is as follows:
Grid 1 has 8 images
Grid 2 has 2 images
Grid 3 has 4 images
Grid 4 has 3 imagesIn total there are 17 images on the page.
When you click each image the lightbox pops up, and you can use the controls to move between images. My problem is that clicking on an image in grid 1 shows X/17 images, instead of X/8 images.
What I want to do is to limit the lightbox so it can only move between images in that specific grid, not between every grid on the page.
Here is an image in grid 3:

As you can see it says 12/17 images
I want it to say 2/4 images, and for the user to not be able to navigate any further when they reach 4/4 images
Here is grid 3 itself, you can see there are four images:

Is this solvable?
Thanks
August 4, 2016 at 12:41 pm #1117590
RahulModeratorThanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.
August 5, 2016 at 7:16 am #1118772
metricationParticipantThis reply has been marked as private.August 5, 2016 at 10:50 am #1119005
JoaoModeratorHi There,
Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:
– Link to your site
– WordPress Admin username / passwordDon’t forget to select Set as private reply. This ensures your information is only visible to our staff.
Thanks
Joao
August 6, 2016 at 10:30 am #1120232
metricationParticipantThis reply has been marked as private.August 7, 2016 at 1:43 am #1120668
RadModeratorHi there,
It’s The Grid’s lightbox and it has no other options than the current one. It’s global lightbox which select all images at once.
Thanks!
-
AuthorPosts
- <script> jQuery(function($){ $("#no-reply-1117390 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>
