About using this plugin with NextGen Gallery

  • fran330

    (@fran330)


    7 years, 7 months ago

    Hello,
    As gallery, I use NextGen. As I like your plugin and its settings very much, I’d like that Nextgen opens the thumbnails with Responsive Lighbox. It should be possible since they have the option “Custom” in their lightbox effect settings. It’s meant for third party lightbox effects –> https://drive.google.com/file/d/0B0h0t_zwll8iRFJYaEM5Z3JfaUE/view?usp=sharing

    I asked the NextGen team how to manage that option (how to fill the 3 fields) if I want to use Responsive Lightbox. This is what they replied:

    You will need to fill in the fields as needed which will be best documented in your Lightbox library.
    The “code” would be relative to what the library expects for the Lightbox to be triggered while the CSS and JavaScript URL are relevant to the necessary files the Lightbox library requires to display correctly.

    As I don’t know much about code other than html and css, I still have no idea what to write in those 3 fields.
    I’d be very grateful if you could help me.
    Thanks in advance,
    Fran

    • This topic was modified 7 years, 7 months ago by fran330.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Daniel

    (@junglized)

    7 years, 7 months ago

    I’d like to know that too. I checked on how image links are being constructed when using the native WP image gallery. I noticed there is a data-rel="lightbox-gallery-1" attribute added to every image link in the gallery making it look like: <a title="title" href="http://example.com/blahblah/01.jpg" data-rel="lightbox-gallery-1" style=""> and so on. I tried to add the same attribute to nextgen links by typing data-rel="lightbox-gallery-1" into the Code field. It displays mentioned above attribute within NextGen link but lightbox doesn’t work anyway. Is there anything else to be added to make it work? I’m using SwipeBox lightbox BTW.

    cheers, Dan.

    ————————————-
    EDIT:

    Sorted out my case. I had “Conditional loading” option checked in General options of Responsive Lightbox plugin which kept disabling lightbox on any pages which didn’t have native Wp images or galleries.

    To sum up:
    1. I unckecked previously checked “Conditional loading” option.
    2. I’ve added data-rel="lightbox-%GALLERY_NAME%" to Code field in NextGen custom lightbox effects.

    %GALLERY_NAME% adds that particular gallery name to the image link to make lightbox tell different galleries on the same pages apart.

    rel instead of data-rel will work as well.

    Docs for jQuery Swipebox: SwipeBox

    • This reply was modified 7 years, 7 months ago by Daniel. Reason: found solution
    Daniel

    (@junglized)

    7 years, 7 months ago

    @fran330, which lightbox effect of Responsive Lightbox plugin do you want to use with nextgen? Maybe I could help?

    Regards, Dan.

    ——————-
    EDIT.

    I’ve quickly checked if there is anything else needed for other lightbox effects and the answer is no. The two steps I’ve taken and described above will work seamlessly with every effect.

    • This reply was modified 7 years, 7 months ago by Daniel. Reason: Additional answer
    Thread Starter fran330

    (@fran330)

    7 years, 7 months ago

    (3d try, just for posting my reply LOL) Forgive me if at the end it shows 3 time…

    AAAAAAAAAAAAAAAH! YOUR SYSTEM WORKS? junglized!!! How great is that?

    Thank YOU so much, junglized, for explaining fully how to do this!

    I must say I am a little desapointed about “Responsive Lightbox” support. No reply from them here. I also filled a ticket through their website, even offering to pay for the help. No reply whatsoever from there either, other than “thanks for contacting us, we’ll reply soon…” (this was a week agao)

    For info, I really needed a lightbox effect that suits me because the concerned pics are newspapers articles. I needed in the effect, the possibility to view each pic full size (otherwise it’s not readable). Responsive Lightox allows that (at least with the “prettyPhoto” effect).
    http://www.ebadidon.be/presse/presse-le-sablioscope/#lightbox-d713ba082e27c6393eefe398657d6485/3/
    About using it with NextGen, the issue has been going on for weeks for me. First I asked NextGen support, they fist answered almost nothing about how to fill those “custom lightbox” fields, then they told me to ask “Responsive Lightbox”, and these didn’t replied neither here nor on their website… As I don’t know languages beyond HTML and CSS, I was getting a little desperate…

    So junglized, thank you VERY MUCH again for sharing, you are my hero today! 😉
    Fran

    Daniel

    (@junglized)

    7 years, 7 months ago

    @fran330, my pleasure 🙂

    Best regards, Dan.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘About using this plugin with NextGen Gallery’ is closed to new replies.