Navigation
Archive / How to enable lightbox on only one image
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 15, 2017 at 8:12 pm #1408925
    ourphn
    Participant

    Hi,

    When a user clicks on the image of the map on this page http://www.ourphn.org.au/wordpress/about, it want it to seamlessly pop up into a larger version of itself. I know I am meant to use ‘lightbox’ for this, but after reading the documentation, I have no idea how to do it. Any help is greatly appreciated.

    My site is in maintenance mode. Will send details below.

    Thanks

    March 15, 2017 at 8:13 pm #1408927
    ourphn
    Participant
    This reply has been marked as private.
    March 16, 2017 at 1:24 am #1409185
    Friech
    Moderator

    Hi There,

    Thank you for writing in! I did go ahead and made a lightbox for the map. Here’s what I did.

    First thing is you need to have the lightbox shortcode with the specific selector that you want to use for the specific image (the map)

    [lightbox selector=".map-lbx"]

    I added this on a RAW content element, just below the map image. If you can’t see this RAW content element please view the Cornerstone in skeleton mode.

    And then I added that map-lbx selector as a CLASS for the image. And then on the HREF field, I added the URL of the larger version of the image.

    Hope it helps, Cheers!

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