Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1235988
    sininvierno
    Participant

    I’ve been trying to hide all images in a lightbox except for the first one.
    You have helped me do so using Cornerstone on my Home Page but I have tried to do it within a Post and haven’t found a method that works.

    Here’s what I’ve tried:


    [image src=”
    http://sininvierno.com/wp-content/uploads/2016/10/ana-1050639.jpg” link=”true” lightbox_caption=”Música en el zaguán de Ana”]
    [lightbox thumbnails=”true”]

    This is the CSS I’ve added in Custom CSS:
    a.hidden{display:none;}

    It’s hiding the photo both from the post and from the lightbox, so it never really shows up. Any ideas on how I can achieve what I need?

    Thanks

    #1236297
    Rue Nel
    Moderator

    Hello There,

    Thanks for writing in! To make sure that only one image will display in a lightbox, please have your shortcode like this:

    
    [image class="my-image" src="http://sininvierno.com/wp-content/uploads/2016/10/ana-1050639.jpg" alt="Example" type="thumbnail" link="true" href="http://sininvierno.com/wp-content/uploads/2016/10/ana-1050639.jpg" title="Example Image"]
    [lightbox selector=".my-image" 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"]

    Please let us know if this works out for you.

    #1239222
    sininvierno
    Participant

    I want only one image to show in the post but all images to show in the lightbox. This is so I don’t interrupt the reading so much but I trigger access to the lightbox with just one image.

    Thanks

    #1239310
    Rupok
    Member

    Hi there,

    It doesn’t sound usual. The images should be there to open in lightbox. You can use the lightbox gallery for this but what you are looking for is not possible usually with lightbox shortcode. You can look for other third party plugin if you find such functionality.

    Thanks!

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