Welcome to the BlueLayerMedia Web Development Blog

We don't just build blogs, we write them too. Take a look at what's going on and our senseless ramblings!

How To: Lightbox and NextGEN Gallery

By: Jason Craig on Feb 18, 2010 | 12 Comments

How To: Lightbox and NextGEN Gallery

NextGEN gallery is a fabulous addition to your WordPress site and with additional plugins can be used for so much more than just a gallery.

One of the issues we ran in to while doing work for a client was getting a lightbox overlay to work properly. The common solutions we came across were to install two additional plugins. One was the lightbox 2 plugin and the other was the shutter plugin for WordPress. Neither of these worked in our case. We were working on a fresh WordPress v. 2.9.2.

What did work for us was using the jQuery Lightbox plugin.  After installing this plugin and removing the two previous ones, all of our JavaScript errors were gone and we had a nice lightbox overlay appearing on images.

Hope it brings some help to those that maybe trying to accomplish the same thing.


No related posts.

Comments (12)

Cz. A. Liebert

Posted at 3:10 pm on March 3rd, 2010

I had the same problem with NextGen and Lighbox 2 on WP 2.9.2. After a bit of searching came to the same solution: NextGen + jQuery Lightbox.

Ricardo

Posted at 1:59 pm on April 15th, 2010

Thanks a lot for this tip.

After installing the plugin my problem was solved!

Jason Craig

Posted at 4:46 pm on April 15th, 2010

Glad it worked for you both!

Gavo

Posted at 11:13 am on April 22nd, 2010

Sorry,but not work for me :( . I have instaled nextGEN galery and jQuery Lightbox, but images open as thickbox

Sorry my english

Gavo

Posted at 11:28 am on April 22nd, 2010

UPDATE: Lightbox starts, but dont work correct, title image of close button dont show :(

Dan

Posted at 1:30 am on May 27th, 2010

I can’t thank you enough for that info. It did the trick for me perfectly.

Jason Craig

Posted at 1:39 am on May 27th, 2010

Thanks Dan!

Keri

Posted at 4:21 pm on July 22nd, 2010

I need some help with this… I have installed and activated the jQuery Lightbox plugin and set the options in nextGen to lightbox. The rel=”lightbox” code is in the img tag when I view the code. But it is not working. The image just opens up into a new window. What have I missed?

Andy

Posted at 2:31 pm on August 8th, 2010

Hi everyone,

I am new to this show could someone show me steps by steps on how to get this work? I have NextGen and jQuary Lightobox plugins insatlled but I don’t know how to “connect” those two plugins. Thanks first.

Andy

bespoke web design

Posted at 11:56 am on May 29th, 2011

ah yes good point, my thickbox problems are solved1

Ivan

Posted at 9:49 am on June 16th, 2011

Worked great. Thanks!

Patrick Nommensen

Posted at 6:45 pm on December 4th, 2011

I still can’t get this to work properly..ahh

Post a Comment