Lightroom plugin

Custom hyperlink popups

The pop ups we offer are limited to showing the slideshow image. If you are crafty with a plain text editor (like Notepad on Windows), you can make the pop up point to any web address. Here's how.

Step #1 - Create your slideshow

Create the slideshow like normal. The one thing you must change is to enbale pop ups (check Popup / Use Popups). You also want to set the Type to Image. That will make things easier for the next step.

Step #2 - Edit the XML file

Open images.xml in a plain text editor. You should see one <img> tag per image. For each <img> tag, there is a corresponding 'link' property. This is the thing you need to change. For example, let's say your XML file looks like this:

<?xml version="1.0" encoding="UTF-8"?>
<!--Published with SlideShowPro Player for Lightroom 1.4.9-->
<gallery title="Gallery title" description="Gallery description">
<album id="Album title" lgpath="album1/images/" tnpath="album1/thumb/" popuppath="album1/popup/" fspath="album1/fs/" title="Album title" description="Album description" tn="album1/images/_MG_3380.jpg" audio="" audiocaption="">
<img src="_MG_3380.jpg" title="1 / 4" caption="SlideShowPro" link="album1/popup/_MG_3380.jpg" pause="" />
</album>
</gallery>

When the user clicks the image, I really want them to be redirected to my home page. For kicks, let's say that my home page is 'http://slideshowpro.net'. Here's how I would change the XML file:

<?xml version="1.0" encoding="UTF-8"?>
<!--Published with SlideShowPro Player for Lightroom 1.4.9-->
<gallery title="Gallery title" description="Gallery description">
<album id="Album title" lgpath="album1/images/" tnpath="album1/thumb/" popuppath="album1/popup/" fspath="album1/fs/" title="Album title" description="Album description" tn="album1/images/_MG_3380.jpg" audio="" audiocaption="">
<img src="_MG_3380.jpg" title="1 / 4" caption="SlideShowPro" link="http://slideshowpro.net" pause="" />
</album>
</gallery>

Notice only Line 5 changed

Step #3 - Delete the pop up image folder

In case you didn't know, the pop up images are exported whether or not you have enabled them. I know that's lame. However, it's out of our control. That's something that Adobe hasn't allowed us to do. We only get one shot at exporting images.

Since you aren't using the pop up images, delete them! This will save a little space on your server.

Delete the album1/popup/ subdirectory from the slideshow folder.

Step #4 - Upload your slideshow and enjoy

The only thing left is to upload your slideshow. That's it!

When the user clicks on the images, a new browser window or tab will pop up with the new link.

The "target" parameter

The <img> tag also accepts a parameter called target. This is how you control where the pop up actually happens.

There are two main settings for the target parameter:
target="_blank" : Opens the pop up in a new window (or new Tab if your browser supports it); This is the default setting
target="_self" : Opens the image in the same window as the slideshow

In the example above, here's how you would modify the <img> line to make the images show in the current browser window:

<img src="_MG_3380.jpg" title="1 / 4" caption="SlideShowPro" link="http://slideshowpro.net" target="_self" pause="" />

You can learn about the other settings here: http://www.w3schools.com/tags/att_a_target.asp