Support » Plugin: NextGEN Gallery - WordPress Gallery Plugin » [Plugin: NextGEN Gallery] [NextGen Gallery] Open album in lightbox

  • Resolved mvandemar

    (@mvandemar)


    I just had to solve the problem of opening up a NextGen Gallery album in a lightbox for a client (as opposed to opening it up in it’s own page first, and then clicking on a thumbnail to open the images in a lightbox), and due to the number of unanswered posts on the subject I thought I would go ahead and share my solution. This was done via a custom function, ngg’s templating system, and for what I was doing I wound up needing to use the PrettyPhoto Media plugin to get it all working nicely. First I added the following nggGetGallery() function to my client’s functions.php:

    http://pastebin.com/XW9H9ud6

    Next I created a new template inside of nextgen-gallery/view/ named album-lightbox.php:

    http://pastebin.com/rqV0JZU0

    This was based off of the album-compact.php template. The format for adding galleries is now:

    [album id=7 template=lightbox]

    This worked great, aside from the fact that with multiple albums on a single page it would treat them all as a single gallery. I solved this by installing the PrettyPhoto Media plugin:

    http://wordpress.org/extend/plugins/prettyphoto-media/

    Then I went to Gallery -> Options -> Effects, changed the dropdown to Custom, and added this code:

    rel=”prettyPhoto[%GALLERY_NAME%]”

    And voila, it all worked. I hope this helps someone else looking for a solution to that.

    -Michael

    http://wordpress.org/extend/plugins/nextgen-gallery/

Viewing 15 replies - 16 through 30 (of 74 total)
  • @melissa, the page is erroring out from what I can tell, and dying halfway through without outputting the error though. Is there an error_log in the theme directory? Feel free to drop me an email (my email addy is a few posts up) if you want more help.

    @mvandemar – Thanks for being available. I’ve just sent you an email.

    Just so others know, the nggGetGallery() function needs to be added to the functions.php inside of the theme, and if you use a lightbox other than PrettyPhoto then you will need to adjust this step accordingly to match whatever code that lightbox package is expecting:

    Then I went to Gallery -> Options -> Effects, changed the dropdown to Custom, and added this code:

    rel=”prettyPhoto[%GALLERY_NAME%]”

    THANK YOU!

    Thank you!!! Great job!!!

    @mvandemar You are a legend mate! I have been battling for hours to figure out how to get NGG working together with Pretty Photo Media, and your solution inspired me to try one last thing… and it worked!

    I didn’t create all the extra files, functions and templates etc. All I did was add the following code (thanks to you) as a custom effect, just like you suggest here:

    Then I went to Gallery -> Options -> Effects, changed the dropdown to Custom, and added this code:

    rel=”prettyPhoto[%GALLERY_NAME%]”

    The result is exactly this:

    http://www.inmotionkitesurfing.com/photos

    So to anyone looking for a quick, easy solution, just install PrettyPhoto Media as @mvandemar suggests, then add the above code to NGG Gallery as he suggests as well. And that should be it…

    Thanks @mvandemar for taking the time to share your solution with us, and in the process, sorting out my problem for me.

    Brendon

    @brendon

    now i like the Next Gen Gallery
    Thank you

    Dieter

    Serious thanks for this. The clarification about using the functions.php in the theme (not the functions.php in the nextgen-gallery/admin, where I initially went) made all the difference. You are a prince, sir!

    Works like a charm, thanks a lot for this! Question from a WP newb: Why can’t the nggGetGallery function reside in the album-lightbox.php file? This would avoid tainting my theme (Origin in this case)..

    Hi there. I got this to work, thanks!!

    I also own the Foobox plugin. Do you know if a hack will work using that plugin?

    Hi there

    We have put together a post on how to do this with Foobox : http://getfoobox.com/open-a-nextgen-gallery-album-in-foobox-from-the-album-cover/

    Hello,

    Total newbie here.. I am trying to do the above (that is click on one photo that then takes me to the album and comes up in the lightbox.

    I have installed the prettyphoto plugin, amended the code in nextgen, as per “inMotionGraphics” instructions. Is that all I need to do? I am quite confused with all the other instructions.

    I get the following error: Rendering of template album.php failed.
    This is the shortcode I am using: [album id=6 template=lightbox].

    Am i missing a step.

    Any help would be greatly appreciated.

    stephanie

    I have installed the prettyphoto plugin, amended the code in nextgen, as per “inMotionGraphics” instructions. Is that all I need to do?

    @steffy65 – while they may be confusing, the other instructions in my first post, namely creating the supporting function in functions.php and creating the new template, are necessary to get it working.

    -Michael

    Thanks Michael,

    Thought that there was more to it (sadly). Now I am completely out of my depth as I don’t know how to do either of those; as I said previously, complete noob here… a bit of css is my experience so far 😉

    I am using the Esplanade theme.. any help would be sooo appreciated as I really like the look of this function.

    cheers

    Stephanie

    Hi Stephanie,

    My apologies for getting to the party a bit late… I can imagine how frustrated you must feel, so let me see if I can help you as well.

    It is quite a while back since I looked at this, so my memory is a bit rusty as to what I did, but I’m pretty sure I didn’t change anything in functions.php, as I was specifically try to avoid making any changes to core files.

    So let’s run through the steps you need to do once you have pretty photo installed:

    1) Select “Custom” from the “JavaScript Thumbnail effect” dropdown menu in Gallery -> Options -> Effects in NextGen Gallery.

    2) Add the following code to the field “Link Code line” in the Effects tab:

    rel=”prettyPhoto[%GALLERY_NAME%]”

    3) Call the gallery with the shortcode [nggallery id=3] where id is the ID of your photo gallery.

    I think your problem might lie with the shortcode you are using, so try the above shortcode and let me know if it works. Don’t make any changes to functions.php just yet.

    Good luck.

    Brendon

Viewing 15 replies - 16 through 30 (of 74 total)
  • The topic ‘[Plugin: NextGEN Gallery] [NextGen Gallery] Open album in lightbox’ is closed to new replies.