Adding links to an image

I have a large image (map) to which I would like to add links (points of interest). If... my image was on a web page I can see where this would be easy however... I would like my map to open in a seperate browser window as a behavior (on click).
Can I still add icons or text that would open a text box? How? Can I do this in Photoshop?
Thanks for any advice

Ralph3616 wrote:
I have a large image (map) to which I would like to add links (points of interest). If... my image was on a web page I can see where this would be easy however... I would like my map to open in a seperate browser window as a behavior (on click).
Can I still add icons or text that would open a text box? How? Can I do this in Photoshop?
Thanks for any advice
You can do this directly within Dreamweaver by drawing 'image maps' onto the actual image (your map) itself.
Click on the image (your map) in Dreamweaver, go to the properties inspector, and look in the bottom left corner where you'll see some blue coloured icons. Choose the appropraite one and draw an area on the image itself.
If you look in code view after drawing the area on the image you'll see something like below:
<area shape="circle" coords="870,1212,30" href="#" />
Now you need to add the 'title' attribute to the code above (see below), which will show some text when a mouse hovers over the area:
<area shape="circle" coords="870,1212,30" title="This is a boat on the Rhine" href="#" />
In the case senario when you mouse over the boat on the image some text will appear in a box saying: 'This is a boat on the Rhine'
Add more image map areas as required.

Similar Messages

Mail 3.6 Adding Link to Graphic Image

In the Edit menu of Mail 3.6, there is an option to add a link to text or a graphic. I've assigned a link to a graphic, however when I click the graphic, the link has been modified and the URL is incorrect. Is this a bug?

You cannot add a link to an image. It's for text only.

Adding links to Images

How do I add links to images? Unfortunately, I am unable to add a link to an image in my document. I selected the image but the "add link" option is grayed out. The inspector feature is very different in this new version and I am unable to figure out how to add links. Please help. This is very frustrating.
Thanks for your help in advance :-)

This isn't theory, it works.
Place a Text Box over the top of your image. To do this, you will need to select the Text Box, and from the right-panel Arrange tab, select Move with Text, and for Wrap, turn it off entirely.
With your text box still selected, use the Arrange tab to reduce the size of the Text Box until it fits inside your image with perhaps a 1/4 inch margin from the image edge. Type a @, #, or * character, then select a font-size large enough that multiple characters expand to just fill, but not overflow, the Text Box. You are creating a fog of characters that you can assign your link too. Still in the Text Box, select All, and then right-click, and choose Add Link. Once you have typed in your link, click outside of the link dialog to set it, otherwise, it will launch your browser to that link destination. Select your textual link again (command+A), and changing to the Style tab on the right-panel, reduce the opacity of this text content to zero. You now have an invisible link inside your Text Box.
Check your final Text Box positioning over your image, then select both, and from the Arrange tab, group and final position your Text Box/Image combo where you want it in your document. Save. Export to PDF, and the linked image still works.
The same principle applies to Text Boxes and Shapes where an image has been set to fill the background of the object. When you add text over the image within the shape, follow the process for adding hyperlink and reducing its opacity.

Adding a link to an image.. Help!

I use Dreamweaver and I was able to add a link to an image on
my site. The link directs people to a video. The problem is, it
works perfectly in IE, but in the Foxfire browser when I click on
the image, a new blank page opens and then the video pops up on
windows media player.
In IE, the page stays the same and just the windows media
player pops up.
Why would it work differently in Foxfire?

The reason will be that IE has a setting to handle the videa
but FF is very
modular and so will not.
Paul Whitham
Certified Dreamweaver MX2004 Professional
Adobe Community Expert - Dreamweaver
Valleybiz Internet Design
www.valleybiz.net
"Miss_Angela" <[email protected]> wrote in
message
news:fcpue6$5k9$[email protected]..
>I use Dreamweaver and I was able to add a link to an
image on my site. The
>link
> directs people to a video. The problem is, it works
perfectly in IE, but
> in the
> Foxfire browser when I click on the image, a new blank
page opens and then
> the
> video pops up on windows media player.
>
> In IE, the page stays the same and just the windows
media player pops up.
>
> Why would it work differently in Foxfire?
>

Can we place a link of an image in Eloqua editor?

I want my managers to add the images on landing page that are not store in Eloqua. Is there any way we can place the link of the image in Eloqua editor?

Hi Hammad,
You can do this by adding a text box to your landing page, right clicking it, and selecting "Edit Source". In the source code, you can specify the link of your image, like this:
<img src="http://imageurlgoeshere.jpg">
You'll need to make sure the dimensions of the text box are as big as or bigger than the dimensions of your image so the image doesn't get cut off.
Hope this helps!
Ida

How do you add a link to an image item

I have added an Image Item to a page and want to be able to add a link to that image but dont see any where you can put the link in the Image Item properties

One easy way to do this would be to add an image page, upload your image to the page, then create an html portlet with the appropriate tags to refer to the image and your link.

Disable link for a Image in Content editor web part

Hi
i want to disable hyperlink for a banner added using content editor web part. Instead of hiding using Target Audience, i want to disable the link.
Please help me how can i achieve this?
regards,
Vinay
Thanks and Regards, vinnu

Hi Vinay,
I recommend to disable the link for an image using Jquery in Content Editor web part.
First, you need to use F12 tool in Internet Explorer(IE) to get the html tag for the image, and you’d better find the class or id value for the tag of the image.
For example, if the class for the image is test, then the code should be:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$('.test').click(function(e) {
e.preventDefault();
</script>
You can also paste the code of the image here for further research.
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Tag_relatedproducts image jumps on 1st click & then links to correct image on 2nd click

tag_relatedproducts image jumps on 1st click & then links to correct image on 2nd click - strange coding glitch! Should link to correct image on 1st click (& not jump) http://meluka.worldsecuresystems.com/bedroom/Drawers/chest-of-drawers-42 Was functioning correctly

It looks like those related images are being affected by your zoom script that lets you zoom the main product image. In your page template or page you have this code:
jQuery(document).ready(function(){
jQuery('div.image img').wrap('<span style="display:inline-block"></span>').css('display', 'block').parent().zoom({on:'click'});
You likely added this to make your main product images capable of zooming. I bet this all started acting weird when you put the zoom effect in. Basically, your jQuery above is saying, "Find any IMG element in my DIV with the class of "image" and do some stuff like wrap a span, update the css and execute the zoom behavior on the image's parent element"
The problem is that your related products are inside your div.image container so that jQuery call is affecting those images too.
You have two options:
Move your {tag_relatedproducts} tag outside or after the div.image. That should solve it.
OR update your zoom image jQuery statement above from jQuery('div.image img") to jQuery("#zoom img") which is more specifically targeting the #zoom link which should only have the main product image in it
Good luck!

ADD A LINK AROUND MAIN IMAGE IN PHOTO GALLERY

Can anyone help with the code for this. I need to add a link
to each image as it appear in the spry photo gallery. Each link
would be different and set in the xml file can some one help
please. I can't figure this one out.

It's usually something like:
<div spry:region="ds1" spry:repeat="ds1">
<a href="{link_dataref}"><img src="{image_dataref}"
/></a>
</div>

Hyper link of public image(hyperlink or image) can not be saved on windows server 2012 and sharepoint 2010 problem

hyper link of public image(hyperlink or image) can not be saved on windows server 2012 and sharepoint 2010 problem, is this a bug?
thanks for any reply.
Rosone

It is not a bug, you might be using IE in Windows server 2012 and and browser might be restricting your site actions to respond properly.
Check this in a different browser or access site in a differ OS.
Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer.

How to create a link on an image

Sorry for the basic question but I am totally new to Flex. I
try to find how to do this simple HTML code in Flex - without using
the mx:htmlText tag:
<a href="www.adobe.com"><img
src="adobeLogo.jpg"></a>
I tried to create a linkButton but I am not able to put the
link for the image.

put a click method on the image and in the function use:
var u:URLRequest = new
URLRequest("http:www.yourdomain.com");
navigateToURL(u);

How can I create a link on an image?

How can I create a link on an image?

Select your image and in the hyperlinks tool on the toolbar simply type in your site address you want to link to. be sure to include the http:// before the domain name.

Insert Link and Insert Image broken in Chrome

The Insert Link and Insert Image buttons have been broken in my Chrome for at least the last couple of days (latest version, 32.0.1700.72 m, Windows 7 64).
When you click one of the buttons, the overlay window appears with a title, but it is otherwise black with no contents. (See screenshot below.)
The buttons work fine in Firefox. What hasn't helped: deleting cookies, clearing the browser cache, waiting for several minutes for their content to appear.

Whtat are we supposed to Claudio? All descend on Adobe with clubs and try to beat some sense into someone!
The fact is the customer is no longer the prime concern. Most companies don't give a Rats behind (toned down to prevent censors action) about the customers. It's the almighty dollar. Screw as many customers as they can while they can and line their pockets with all the green backs as they can while they can. Then if the cusomers leave so be they take their money and run.
Customer use to have power, they would speak loud and frequently and get things fixed. And what with people from other countries now owning US companies, That were brought up with different moral compasses. They have no concept of this thing of loyalty to customers. The customer can jump off a cliff and they will simply cheer them on while the do so.
We have lost, the fight can't be won. It no use. So Pat and others are right.
I've been trying for 15 years for adobe to fix the issue of having multiple Pdfs created from Office documents because the claim they can't figure out how MS does Page and section breaks. And the issue of Weblinks not being active when converted to PDF's Both on Mac's yet on PC's there is no issue. I quite this year after I received a down right nasty not from Adobe say they didn't have any interest in fixing the bugs and were not about to try. What it amounted was go take a flying leap.
They have the ability. They have beenblaming Its apple because they don't do such and such , or Microsoft because they don't do so and such. On the Links issue Saying MS doesn't provided the necessary hooks in the mac version of Office. They do you can take a Word document created on a Mac and open a PC and create a PDF and the links will be active. You can Open a Word Document in Apple's pages and all links created in Office document will be there. The argument has been proven several different ways to be a an outright bald-faced lie. The defect is squarely with the Mac version of Acrobat.
So Pat and others are right. Just throw in that towel. Adobe support of its customers is now 10 times worse than intuit's which is supposed have the lowest reputation of any software compny that ever existed.

Add a link to an image in iBooks?

Is this possible? I can't seam to add any links to an image that I placed in the document.

Thanks, this is the only way I found how to link an images in iBooks. I put a text link in front dropped the opacity to 0%. The "red character links" are not visible in ipad, but are visible when exporting to pdf.

What if I want to link to an image on an external site, such as Pixentral or Flickr, instead of uploading the image to the Forum server?

Flickr's Terms of Service state that if you post an image hosted on Flickr on another site you have to link back to the image page on Flickr. To do that you need to go to your image on Flickr, click on the All Sizes link above the image, select the size image you want, then Copy the HTML code from the first box of code underneath the image. Then, in the Forum's Rich Text Editor, click on the >> button/icon and select Insert Raw HTML. This will open a frame within your message where you paste the HTML code you copied from the Flickr site. Then continue on with composing your forum message and click “Post Message” to post the message to the forum system.
For Pixentral images, you will need to go to http://www.pixentral.com and upload your image following the instructions there. You do NOT have to check the box to make images public. Once your image is uploaded there copy the HTML code from the box below your image. Then, in the Forum's Rich Text Editor, click on the >> button/icon and select Insert Raw HTML. This wil open a frame within your message where you paste the HTML code you copied from the Pixentral site. Please note that there is an extra "/" character in the Pixentral URL that will prevent the image from showing up, so you need to make one change to the HTML that you copied from the Pixentral site. The beginning of the HTML code will look something like this:
<a href="http:www.pixentral.com/show.php?picture=16xx5748rt9fhd"/>
Please remove the slash that appears between the quotes and the greater than symbol so that this part of the HTML code looks like this:
<a href="http:www.pixentral.com/show.php?picture=16xx5748rt9fhd">
Then continue on with composing your forum message and click “Post Message” to post the message to the forum system.

@ adobe-admin (J.C.?):
Thanks for fixing the "backslash" error. Accuracy is important, and doubly so when presented as an F.A.Q.
The sad thing is how prevalent the usage of "backslash" is when a plain old slash is meant (generally, the "forward" attribute is assumed and unneeded), and by people who should know better. It's a direct result of people knowing just barely enough about the Windows file path naming protocols, and then applying the only terminology they're familiar with incorrectly to URLs.
I went about 10 rounds—TWICE!—with a labyrinthian succession of people at the Discovery & History cable TV networks because they were saying "backslash" in voice overs whenever their commercials promoted their websites. It took some doing, but I finally got in touch with somebody who was savvy enough to recognize that it was a rookie mistake made by a clueless marketing copywriter. The voice over person just read the copy they were given, oblivious to the difference. It amazes me that it wasn't caught by somebody early in the recording/production process and rectified.
They then had it correct for about a year, until new commercials started popping up with the same error. Unfortunately, the person I had talked to previously no longer worked for the History channel and I had to go through the process of finding someone who understood all over again.
Yeah, you can call me a nitpicker with nothing better to do.
But I've earned that dang badge, and I wear it proudly!

Adding links to an image

Similar Messages

Maybe you are looking for