Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1222159
    erapisardi
    Participant

    HI,
    I have been looking for a solution to display a gallery in a lightbox when clicking on one image.
    The threads I have been reading e.g. https://community.theme.co/forums/topic/lightbox-gallery-of-photos-on-a-button/ but they do not give me enough information.

    can you give me some help?

    thanks

    #1222362
    Lely
    Moderator

    Hi There,

    Thanks for posting in. Please check this article for guidance:https://community.theme.co/kb/shortcode-walkthrough-lightbox/

    Hope this helps.

    #1225864
    erapisardi
    Participant

    Thank you.
    but I did not succeed in creating an image that when clicked shows a slideshow in a lightbox.
    the code illustrated in that page creates a text link that opens a gallery (not really well formatted).

    thanks

    #1226215
    Friech
    Moderator

    Hi There,

    First is copy this lightbox shortcode and paste it on a RAW content element.

    [lightbox selector=".lbx" deeplink="true" opacity="0.875" prev_scale="0.75" prev_opacity="0.75" next_scale="0.75" next_opacity="0.75" orientation="horizontal" thumbnails="true"]

    I’d suggest you place this element at the bottom of the page so you can easily access it when you need to edit the shortcode and will not distract the layout of your page when you’re on Cornerstone.

    And then add your images, make sure all images that part of the gallery is set as a LINK and the HREF field is empty.


    screenshot

    Now to trigger the lightbox on those images add a class lbx on it.


    screenshot

    Note that when adding a class lbx to an image element or any element make sure it is a link or else the entire lightbox gallery will not work.

    Hope it helps, Cheers!

  • <script> jQuery(function($){ $("#no-reply-1222159 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>