This is the second in a series of posts explaining how to integrate and modify Shadowbox-JS with NextGen Gallery for WordPress. My first post, Integrate Shadowbox-JS with NextGen Gallery for WordPress extends Shadowbox to work with the great NextGen Gallery. These instructions will work with the Shadowbox core for any website, but I will specifically be talking about the Shadowbox-JS plugin for WordPress. Shadowbox is a smart and robust media viewing application that can seamlessly handle images, video, text, and iFrame, while remaining lightweight and easy to use.

We are all used to media being synonymous on the internet. It doesn’t matter if it’s text, images, video or audio- we expect it to just work. No longer do we need to jump through hoops with updates, plugins, and codecs to get the media we want- our browsers have everything we need, and they get more and more robust with each iteration. Looking through my portfolio, you’ll see that I make a lot of websites for visual artists, musicians, retailers and restaurants. In most cases, there’s a need for a gallery feature somewhere, and I find it redundant to have to consider your images and video separately. The goal of this tutorial is to treat images and video as one in the same, and in particular, incorporate video’s into the thumbnail gallery feature of NextGen Gallery for WordPress. READ ON…

This is the first in a series of posts explaining how to integrate and modify Shadowbox-JS for WordPress. I believe many of these instructions will work with the Shadowbox core for any website, but I will specifically be talking about the Shadowbox-JS plugin for WordPress. Shadowbox is a smart and robust media viewing application that can seamlessly handle images, video, text, and iFrame, while remaining lightweight and easy to use.

This How-To is centered around integrating the Shadowbox-JS WordPress plugin with the NextGen Gallery plugin. NextGen Gallery uses the Shutter Reloaded gallery viewer by default, but I find the style drab and the navigation clunky. I much prefer Lightbox-style image viewers, and while NextGen Gallery has built in support for the Lightbox-2 WordPress plugin, I have always had severe issues with custom jQuery code conflicting with WP-scriptaculous and prototype.js in the Lightbox-2 package.

First, we’ll start by getting Shadowbox-JS working with our individual post images, then we will move on to integrating Shadowbox to work seamlessly with NextGen Gallery.
READ ON…