Hello
I have a picture I want to use on a page and want to insert link buttons directly on the picture.
Is there a way to do this? Hope so, as it will/would make this project a lot easier.
Thanks for the time
Joe
Looking to insert Link with Button On...
Hiya Joseph,
*Mimics the automated phone systems when you call places for customer support*...
So I can get you to the right place, please tell me ... *hahaha*
What type of picture are you planning to use? Will this need to be an Image Map (in other words, different links for different parts of the image), or are you wanting a single link for the whole image?
A single link is very easy to do such as the following:
<a href="your url here that you want the link to be to" src="the location of your image here" alt="text to tell the world what this image is in case the image doesn't load" width="image width in pixels" height="image height in pixels"></a>
So an actual link would look something like this:
<a href="templates1.html" title="Check Out Our Templates"><img src="images/webdesign_ad1.png" width="215" height="232" alt="Web Design Ad"></a>
If you're wanting to do multiple links on a single image, then you would need to use something like CoffeeCup's Image Mapper program which allows you to section out areas of an image to map it out and then to put links in it. You can find that program here:
http://www.coffeecup.com/image-mapper/
Hope that helps and holler if you need more information.
*Mimics the automated phone systems when you call places for customer support*...
So I can get you to the right place, please tell me ... *hahaha*
What type of picture are you planning to use? Will this need to be an Image Map (in other words, different links for different parts of the image), or are you wanting a single link for the whole image?
A single link is very easy to do such as the following:
<a href="your url here that you want the link to be to" src="the location of your image here" alt="text to tell the world what this image is in case the image doesn't load" width="image width in pixels" height="image height in pixels"></a>
So an actual link would look something like this:
<a href="templates1.html" title="Check Out Our Templates"><img src="images/webdesign_ad1.png" width="215" height="232" alt="Web Design Ad"></a>
If you're wanting to do multiple links on a single image, then you would need to use something like CoffeeCup's Image Mapper program which allows you to section out areas of an image to map it out and then to put links in it. You can find that program here:
http://www.coffeecup.com/image-mapper/
Hope that helps and holler if you need more information.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.