Display Titles of NextGen Gallery Images

I use NextGEN Gallery in combination with HighSlide to present a group of images. In between the two is the useful plugin WS-Highslide which embeds the HS code on every page automatically on the fly.

On some occasions, especially on sites that I build for others, I want to add a title to the displayed image for added information. This stumped me for a while as there are no check-boxes or other configuration options in either NGG or HS. A little investigation and reading lead me to the solution of adding the following lines to the HighSlide code into the WS-Higslide configuration script:

hs.show_caption=”y”;
hs.captionEval = “this.thumb.title”;  (this will display the contents of the “Title” field in NGG)

or:
hs.captionEval = “this.a.title”;  (this will display the contents of the “Caption” field in NGG)

I hope this helps others who may be trying to do the same.

Flash with Highslide

Note: After trying this technique for a week or so, I have found it to be too fragile when editing the post. At any time, because of an accidental opening in the “Visual” edit mode you may lose a line or two, crippling the Highslide effect. I am abandoning this idea for the time being, experiment at your own risk.

Better yet, try ShadowBox JS Plugin which integrates very smoothly and transparently with all the image and media links. I consider this post deprecated.

I have been trying to get Highslide integrated into WordPress and NextGen Gallery, I think I have figured out how to use a couple of tools together to make this happen. Mind you, I am not a JavaScript programmer, the code makes but little sense to me, especially one as elaborate as Highslide with much flexibility and capability. This post will outline my method of accomplishing the integration, not necessarily the best method. I am not sure if there is a unique method. I would have much preferred to have a little more plugin assistance but I will get anything I can get in this area. I assume you have already installed NextGen Gallery. If not, go get it and install it and learn what to do with that. I am not writing about how to use NGG, but how to integrate Highslide to display the images from the NGG pool. Read more