Navigation
Archive / Lightbox Shortcode – image linked to another image
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • August 5, 2016 at 12:33 pm #1119116
    garlicfox
    Participant

    Hello,

    I’m referencing this documentation: https://community.theme.co/kb/shortcode-walkthrough-lightbox/

    I’m trying to have an image that is 200×200 show on my site, but a lightbox popup with an image that is 1000×1000.

    [image src="/wp-content/uploads/1000x1000.png" link="true" lightbox_caption="test caption" class="image"]
[lightbox selector=".image"]

    This works but the image it shows as a preview is 1000×1000 fit into the raw content (cornerstone object) that fits the 200×200 size. How can I set a smaller image first and have it link to the larger one for the lightbox?

    Thank you!!!

    August 5, 2016 at 10:22 pm #1119775
    Rue Nel
    Moderator

    Hi There,

    Thanks for writing in! To resolve your issue, please follow this shortcode format:

    
[image src="http://placehold.it/200x200" href="http://placehold.it/1000x1000" link="true" lightbox_caption="test caption" class="image"]
[lightbox selector=".image"]

    We would loved to know if this has work for you. Thank you.

    August 7, 2016 at 9:46 am #1120933
    garlicfox
    Participant

    Thanks that did it!

    August 7, 2016 at 11:52 am #1121024
    Rupok
    Member

    You are welcome!

    Glad that it helped. Feel free to let us know if you face any other issue. We’ll be happy to assist you.

    Thanks for using X.

    Cheers!

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