Comments on: How to make NextGEN Smooth Gallery link to any URL (or fake a flash banner)

By: Amar

Amar — Wed, 02 Nov 2011 17:25:54 +0000

Wow, you have really helped me out there, ive been looking everywhere on the net for this information. total star, hats off for that.

By: Jason

Jason — Thu, 24 Feb 2011 04:28:04 +0000

I’ll have to look that up…thanks for sharing!

By: Shelly

Shelly — Sun, 20 Feb 2011 16:47:45 +0000

The inline-js plugin for wordpress works great with inserting the javascript into a page or post. Thanks for the tutorial!

By: Jason

Jason — Thu, 06 Jan 2011 03:59:25 +0000

sounds like a great alternative…thanks for sharing Charlotte!

By: Charlotte

Charlotte — Fri, 03 Sep 2010 09:18:27 +0000

Another way of doing this is installing the NextGEN Custom Fields plugin – create an image custom field and add a link in it for each image. Then open nggSmoothSharedFunctions.php and edit the line:

$aux["link"] = BASE_URL . “/” . $picture->path .”/” . $picture->filename;

To say:

$aux["link"] = nggcf_get_field($picture->pid, ‘Page Link’);

Where ‘Page Link’ is the name of your custom field.

You can also edit target=”_blank” at the bottom to be target=”_self” so that it opens in the same window and edit title=”View project info” to change the hover text.

Now your smooth gallery images should link to whatever link you put in the custom field.

By: Jason

Jason — Wed, 07 Apr 2010 16:34:39 +0000

You can insert it into your index.php file or into a blog post/page.

By: Rebecca

Rebecca — Tue, 09 Mar 2010 03:46:05 +0000

Thanks for the code and the tips! I’m not sure exactly where I need to insert this code, though. I have my gallery on my homepage. Do I insert this code on my index.php document or on one of the smooth gallery files?

By: Danyo

Danyo — Mon, 30 Nov 2009 10:05:51 +0000

This works great thanks!

one question though! is it possible to have the images linking, and also the arrows visible to slide to the next image? I have tested this but it seems to only work with one or the other?

Any suggestion would be a great help!

By: Jason

Jason — Thu, 29 Oct 2009 02:45:26 +0000

It has been awhile – I would’ve tried changing the value to true too. Looking through the code, your script should look something like:

” function startGallery_3() {
var myGallery = new gallery($(“myGallery_3″), { timed: false, showCarousel: true, showInfopane: false, showArrows: true, embedLinks: true, slideInfoZoneOpacity: 0.80, textShowCarousel: “Pictures” });

document.getElementById(“myGallery_3″).style.display = “block”;
myGallery.toggleCarousel(); }
window.addEvent(“domready”, startGallery_3);
”

Use CSS to center it by adding a margin or padding.

By: sean

sean — Wed, 28 Oct 2009 19:39:47 +0000

Hi Jason,

Thanks for the info. I know that it has been a while you have dealt with this; but do you have any idea how to make the carousel work with this code. I tried to set the carousel value to true, but when I do that nothing at all shows up. Also, any idea how to center the slide show on the page. I am a newbie to this stuff, so any guidance will be greatly appreciated.