Use Lightbox Ultimate to popup nextGen gallery image

[makingww]

I am trying to build a website with pages with multiple images that are managed via NextGen Gallery. This has the option of using multiple lightbox scripts to display the images – 2 are actually built in to the NextGen Gallery plugin and there is an option for a custom script. There is only 1 flash video file (swf and flv)on the website that needs to be displayed.

Any advice on the best way to configure WP Lightbox Ultimate for use with NextGen Gallery. Can a single lightbox gallery be shared between the 2 plugins. Is it best to use 2 different (compatible) scripts?

Any advice appreciated.

Cheers, David

[wpCommerce]

Hi, Nextgen gallery has it’s built-in lightbox effect for image gallery display. So we really don’t have any option to use lightbox ultimate with nextgen gallery. But if you can tell me how this custom script works it might be possible.

[makingww]

Hi,

Here are some examples from the plugin

Thickbox – class=”thickbox” rel=”%GALLERY_NAME%”

Lightbox – rel=”lightbox[%GALLERY_NAME%]”

Highslide – class=”highslide” onclick=”return hs.expand(this, { slideshowGroup: %GALLERY_NAME% })”

Shutter – class=”shutterset_%GALLERY_NAME%”

Custom is blank

Changing to the Lightbox Effect create the following line of code for the gallery.

<a href="http://www.blah.com/wordpress/wp-content/gallery/blah/blah.jpg" title="1st image desc" rel="lightbox[set_1]">

Being able to use the WP Lightbox Ultimate plugin with NextGen would be a huge plus. My goal is to have a consistent lightbox style overlay for video and to use with NextGen Galleries.

Thanks, David

[makingww]

Doh, Just sorted out the NextGen Custom line with

rel=”wp_lightbox_prettyPhoto[%GALLERY_NAME%]”

and it works.

However, the WP Lighbox Ultimate viewer is showing quite alot of navigation elements. Is there anyway of say disabling certain features via an interface or parameter?

Thanks,

PS It would be worth doing a blog post or something on integration with NextGen since it is so popular.

[wpCommerce]

You are using rel="wp_lightbox_prettyPhoto[GALLERY_NAME]". That’s why the navigation element is showing up (as a gallery). Simply use rel="wp_lightbox_prettyPhoto" and that should do it.

[digileaf]

Sorry, that this is adding to an old post, but I wondered whether David or anyone else had instructions on how to (if it is even possible), launch a video in WP Lightbox Ultimate, from a thumbnail image in a NextGen Gallery.

That is my dream goal at the moment, but I’m getting way too confused.

I would need to know what the JS Thumbnail effect code should be, plus any code or shortcode that needs to go on the gallery entry and any code or shortcode that goes in the page or post … basically everything.

Many thanks

Kate

[wpCommerce]

Hi, what video do you want to play in lightbox?

[digileaf]

I’m not too choosy;-) Either from external sites such as Vimeo or YouTube, or my own videos on my own server, which can be .mp4 or any other format. Video is my business, so I can put it out in virtually any format or from any source.

So if there is any way to do it at all, then I’m sure that I can match the video & hosting to suit the system.

At the moment I am using WP Lightbox Ultimate to play my videos, and am coding the thumbnails as described in your documentation, but management of the thumbnails would just be so much easier if I could link NextGen and WP Lightbox (especially for a gallery display). I was previously using NextGen Gallery with an extension (ngg video extend) that enabled video to play in a Shadowbox lightbox, it was the perfect solution … until I discovered it didn’t work in Internet Explorer and the extension is no longer supported.

Thanks

[wpCommerce]

Hi, Vimeo or YouTube video might work if you use the rel="wp_lightbox_prettyPhoto" attribute but you will have to give it a try.

Self hosted videos such as .mp4, .mov, .flv require more than just a rel attribute. So I don’t think it will be possible.

[digileaf]

Then where do I put the embed code, say from YouTube?

I tried putting the following in the description box in the gallery, but I have no idea if that’s the right place or the right format. Does that look right, and am I putting it in the right place? If so, that doesn’t work for me.

a href=”http://www.youtube.com/embed/ErT5JGQYd4M?autoplay=1″></a

(the string above has < and > surrounding it in reality, but it cannot be pasted like that in the post)

Thanks

[wpCommerce]

I don’t know where exactly you need to put the embed code in nextGen Gallery. But if you have an image embedded on a post/page you can attach the a attribute with it. For example:

<a href="http://www.youtube.com/watch?v=ErT5JGQYd4M" rel="wp_lightbox_prettyPhoto"><img src="http://www.example.com/anchor-image.jpg" /></a>

Here, <img … /> could be your nextGen gallery embedded image.

[digileaf]

OK, thanks. I see what you mean, but as I was using the gallery shortcode to display a gallery rather than a single image that doesn’t achieve my objective. But heyho, it was worth a try.

Thanks for your efforts to help me. I am now using the Fancy Image Gallery in WP Lightbox – it’s slow to code and to sort the tumbnails, but it looks nice. That’s fine for my current site, although it’s a shame it doesn’t meet my grand objectives for a new project that I had in mind.

Sorry it has taken so long to respond, I hadn’t noticed that your response was on page 2.

Thanks again.

[wpCommerce]

You’re welcome

[Author]

Posts