[VeronicaDParticipant]

Hi,
I would like to have a link on my website that will open a full screen lightbox with a gallery of photos. Ideally the lightbox would display a gallery I have already created in Slider Revolution, but I am open to using a different solution as long as I can display the images full screen and can navigate to each photo using left and right arrows. Can you recommend the best way to implement this?
Thanks!

[RupokMember]

Hi there,

Thanks for writing in! Kindly follow this walkthrough to setup lightbox – https://community.theme.co/kb/shortcode-walkthrough-lightbox/

Cheers!

[VeronicaDParticipant]

Thanks for the link. I am using Cornerstone.
I tried using this shortcode but nothing is appearing on the front end.
[gallery link="file" size="large" ids="299,298,297,296,295,294,293,292,291"]
[lightbox selector=”.gallery-icon a”]

Is it possible to link to a full-screen lightbox that will then show the gallery I have made in Slider Revolution? A key is showing a full-screen lightbox that will make the photos as large as possible. I am open to using a 3rd party plugin as long as I can specify the link to the lightbox in Cornerstone.

Thanks for your help!

[ChristopherModerator]

Hi 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 / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[VeronicaDParticipant]

This reply has been marked as private.

[Rue NelModerator]

Hello There,

Thanks for updating in! Regretfully the given password is not working for us. Please double check it. Thank you.
http://prntscr.com/drpj98

1] Please make sure that the shortcode is correct. Please make use of this code:

[lightbox selector=".gallery-icon a"]

Be very careful with the quotes. One invalid quote could messed up the lightbox and would even affect the layout.

2] You can have custom content to be able to display a gallery after clicking on the link. Perhaps you can use this custom content:

<a class="view-gallery" href="#">View Neighborhood Gallery</a>

<div style="display: none;">
  [image class="gallery-1" src="http://yourdomain.com/path/to/your/image-2.jpg" link="true"]
  [image class="gallery-1" src="http://yourdomain.com/path/to/your/image-3.jpg" link="true"]
  [image class="gallery-1" src="http://yourdomain.com/path/to/your/image-4.jpg" link="true"]
</div>

[lightbox selector=".gallery-1" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="vertical" thumbnails="false"]

Please check out this related thread for reference: https://community.theme.co/forums/topic/lightbox-problem-one-image-links-to-multiple-images-gallery/

Hope this helps.

[Author]

Posts