Blog

I have been using the NextGen Gallery plugin for WordPress to handle image galleries. The admin interface is easy to use, even for my clients. Unfortunately the plugin outputs the images into Flash movie, which I wasn’t happy with- so I’ve written code to output the images into a Javascript scroller, which is far more customisable. I can change the next/previous image buttons to suit the style of the website, and I can add a number or thumbnail for each image if I wish.

The script working on the site I created for Working Group. Each image caption is pulled in from the caption's set in NG Gallery.

I also used it on my own website on my portfolio pages - here each image is represented with a clickable dot. This could easily be changed for a number or thumbnail image if desired.

Installation and setup

Click here to download a package containing all the necessary files. There is some PHP code you’ll need to insert into your WordPress page template (usually page.php), some to go into your header.php, and images, a stylesheet and Javascript file for upload into your theme’s folder.

Just go into the NG Gallery plugin’s ‘Manage Gallery’ page, select a gallery, and set the ‘Page Link’ to your desired page. You may also need to tweak the CSS file depending on your gallery’s image dimensions.

Be sure to set the "Page link to:" field to your desired page.

This package includes Javascript code from Dynamic Drive’s Featured Content Slider.