Add Hyperlink to Photoshop Elements 11 Image

How do I Add Hyperlinks to Photoshop Elements 11 Image? - could be text box or logo image layer. The enhanced photo will be used with SmugMug.

i.e. Photo Credits: Jordan Max Photography and JAMAR Associates
LVL 1
MARSPATHRetired EE/Computers/ITAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

BillDLCommented:
What do you mean when you refer to a "Photoshop Elements 11 Image"?

I assume that you are just referring to an image edited or created in Photoshop Elements and saved out as a standard JPG or PNG image file for use on a web page.

Image files used on a web page do not support embedding of a web hyperlink, or in fact any clickable content.  There may be fancy things that you can embed into an image file so that it is visible within a photo editing or cataloguing software, but that kind of thing would be unique to that software.  Any such embedded metadata recognised by an image editing application would not be recognised by a browser and displayed on a web page.

Generally what you are seeing inslideshow type web albums/galleries is some physical text that is entered into the actual HTMLcode of the web page or into a JavaScript file and is displayed as a functional hyperlink in the border created around the image.  There are loads of PC applications that allow you to select a bunch of images and create stunning slideshow image galleries, and most that I have seen allow you to add detail and optionally display hyperlinks in the borders around the images or thumbnails.  There is probably also the option in some of these image gallery generators to place the text (or hyperlink) overlaid onto the area occupied by the image.

I would love to be contradicted, because it would be great if at all possible, but you cannot embed a functional link in an image file and have a browser make it work as such.
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
MARSPATHRetired EE/Computers/ITAuthor Commented:
Thanks, it is as I suspected...
0
BillDLCommented:
Thank you MARSPATH

There is one gallery creation software title I recall that actually modifies the copies of the images that are used.  I couldn't remember the name of the software, but it came back to me.  The last version of the free unregistered version of Visual Lightbox (http://visuallightbox.com) I used "branded" the image gallery and slideshow with the company name and a hyperlink in one corner of either the thumbnails or main images, or possibly both.  What it does is physically adds a little lightened cut-out in the bottom right corner of the images and writes Visual Lightbox into that light area.  When viewed in a web page, clicking on that area takes you to the site.  You may have seen something similar and assumed that the text was actually a link, when in fact it was just that specific little area on the web page that corresponded with the placement of the embedded "text" in the image that was made to act as the hyperlink.

Generally image gallery creation software will have basic HTML (web page code), CSS (the layout stylesheet), and JavaScript (the active scripting machine) files which, depending on what template and layout you choose, are dynamically customised and saved alongside the images you chose to use for the project.  So your HTML web page loads the CSS and JS files, and together these all dictate very specific placements and behaviour of the elements rendered on the page.  It is easy to then have clickable areas line up exactly with specific areas where each image will sit on the page.

Writing text into an existing image is not very difficult at all, and visible "watermarks" are commonly used by image libraries and photographers to make their pictures useless to those who might choose to download and re-use them for free.  Command-Line driven applications like ImageMagick (http://www.imagemagick.org/script/index.php) allow you to quite easily write text into any image, and it will be similar technology used in such applications as the unregistered version of Visual Lightbox that I mentioned above.

If you were so inclined and had a reasonable knowledge of CSS and JavaScript, you could probably modify the files created for an online image gallery to change the target of the hyperlink, and then replace the images for "unbranded" ones.  I managed it on a few occasions, but it was just for my own personal amusement rather than trying to "unbrand" something I had not paid for ;-)

I haven't examined the SmugMug pages because I can only see demos, but I would be surprised if they do not use similar methods to optionally overlay text and links on image gallery browsers and slideshows.

Bill
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Photos / Graphics Software

From novice to tech pro — start learning today.