Home / Forums / Responsive Lightbox / Lightcase / Single image with multiple image once clicked

Single image with multiple image once clicked

We're here to help.

Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • 25 April 2016 at 11:03 #11309

    Darron Saunders
    Participant

    Hi there
    I was wondering if there was a way to have a single image 0 see here under crumble cottage heading: http://cartmelluxurycottages.co.uk/ that once clicked launches lightcase lightbox but with multiple images instead of just that one image – so cleint can click on single cottage image and view more images about that cottage as pop up?

    hope that makes sense

    Darron

    25 April 2016 at 11:25 #11311

    Bartosz
    Keymaster

    Hi Darron,

    The simple way to do it (not very elegant on the other hand) would be to create a gallery under the image and hide it in a div with display: none CSS attribute. The created gallery will have a data-rel=”lightbox-gallery-N” where N is the incremental number of gallery. Then the image used to trigger the lightbox has to have the sama data rel. When clicked it would display the hidden gallery.

    Something like this:

    <a title="" href="http://cartmelluxurycottages.co.uk/wp-content/uploads/2016/03/A-Front-of-house2.jpg" data-rel="lightbox-gallery-0">
<img class="" src="http://cartmelluxurycottages.co.uk/wp-content/uploads/2016/03/A-Front-of-house2.jpg">
</a>

<div style="display: none;">
[gallery ids="1,2,3">
</div>
    26 April 2016 at 22:42 #11346

    Darron Saunders
    Participant

    Hi Bartosz,

    Thank you so much for getting back to me.

    Apologies in delay in getting back to you, I’m not receiving notification emails in my inbox for some reason.

    I added your code as instructed above, substituting the gallery id’s for the following:



    <div style=”display: none;”>
    [gallery ids=”301,300,299,298,297,296″>
    </div>

    You can see the test example on this page here:http://cartmelluxurycottages.co.uk/things-to-do/

    Unfortunately as you can see, when you click the image it does not launch my image ID’s.

    Could you possibly take a look at where I’m going wrong.

    Many thanks again for your time

    Darron

    30 April 2016 at 14:29 #11374

    Darron Saunders
    Participant
    This reply has been marked as private.
    30 April 2016 at 15:25 #11376

    Darron Saunders
    Participant

    Bartosz,
    An update on this – I noticed you used the following:



    <div style=”display: none;”>
    [gallery ids="1,2,3">
    </div>

    Where I've highlighted bold should that be ]

    I now have the following – see under Nookery -but column gallery shown – see here:

    Home

    30 April 2016 at 15:33 #11377

    Darron Saunders
    Participant

    got it working!!

    :)

    24 May 2016 at 12:35 #11622

    zac smith
    Participant

    I am attempting the same solution with your Responsive Lightbox 1.6.8 with your PhotoSwipe ADD-On at:

    TEHAMA 1 v5

    I was able to get the desired single image to launch the gallery but the Photoswipe Lightbox does not work. I am using the Salient Theme 7.0.8 on WP 4.5.2.

    I tried turning off all light box functionality in Salient, but they have a “select lightbox” in their options, it seems the solution would be getting PhotoSwipe to show in the dropdown. Is there a solution?

    24 May 2016 at 22:02 #11627

    Bartosz
    Keymaster

    @zac smith it seems your gallery link to attachment pages intead of Media File – there is an option for this while inserting a gallery.

    Please try that.

    31 August 2016 at 23:57 #12635

    Proactiefmarketing
    Participant

    Dear Admin,
    This feature is in high demand, I am not that code savvy but I would hope for all of us learning you could give us a step by step guide to this …I love the plugin by the way it’s gotten out of more that a few jams over the past years .
    I will proceed to try anyway but a simple step by step would be immensely appreciated!
    Question would this work for multiple galleries on the same page ?

    2 September 2016 at 15:56 #12655

    Bartosz
    Keymaster

    We’re working on a Responsive Lightbox extension that will handle the creation of that kind of galleries.

    The ETA for this is 1-2 weeks.

    1 May 2017 at 18:34 #17363

    bobpisa
    Participant

    Very much interested in this single image to gallery option.

    Is there an update to this?

    4 May 2017 at 11:25 #17417

    Bartosz
    Keymaster

    @bobpisa we have that done already, just working on the release & sales page. SHould be live in a week I think.

    18 June 2018 at 15:53 #26558

    AlanMac
    Participant

    Dear Admin,

    Is there finally a way to launch a gallery from a single image? I have a sample single image on a post and then a gallery underneath it, but would like this same gallery also to be launched from the sample image above it (example at: https://www.medproperty.net/listings/beachfront-apartment-in-estepona/). BTW I am using Responsive Lightbox & Gallery v2.0.4). Do I need an additional plugin/add-on for that?
    Many thanks in advance for your help!

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.
Featured In

Stay up to date

Join 12,681 subscribers in receiving Digital Factory news and updates!