Participant

Answered

Dreamweaver cc2017 image hotspots

11 replies
10312 views
Translate

HI Everyone,

I am in need of some help with the hotspot tool. I have created a document and want to put hotspots on my image. However whenever I click and drag to create the hotspot, it doesn't appear and the properties panel disappears with it. This happens everytime. Any clues as to why this isn't working would be great. I have googled so much trying to find the answer and nothing is helping me.

Thanks

When I am trying to create the hotspot- p.s. I have typed in the alternate text and the link and target and it still doesn't allow me to draw the hotspot.

After my attempt the properties panel goes to this state.

This topic is closed to new replies. Start a new post to keep the conversation going.

kellyk67685109Correct answer

Participant

I had the same problem. I found the problem to be that the Inspector Panel wasn't fully open. You need to select the image and double click on the Inspector Panel to fully open it where you will see the Hotspot icons. This didn't open it for me at first, not sure what I do different now but it works fine now.

I hope that helps. JT.

lennyvine

Participant

In CC 2018, you can copy an Existing Image Map (code), then, make an educated guess at the proper coordinates (it wasn't hard).

Lenny Vineham

Translate

Nancy OShea

Community Expert

Keep in mind that ordinary image maps are not responsive on smaller devices. The hotspots will drift out of register when the image is re-scaled. My advice is to avoid using them if possible.

Or add a jQuery plugin - GitHub - stowball/jQuery-rwdImageMaps: Responsive Image Maps jQuery Plugin

Translate

Nancy O'Shea— Product User & Community Expert

lennyvine

Participant

Thanks Nancy, I hadn't thought of that (but it makes sense).

Lenny

Translate

kellyk67685109Correct answer

Participant

I had the same problem. I found the problem to be that the Inspector Panel wasn't fully open. You need to select the image and double click on the Inspector Panel to fully open it where you will see the Hotspot icons. This didn't open it for me at first, not sure what I do different now but it works fine now.

I hope that helps. JT.

Translate

cheris96055495

Inspiring

One other tip: If you are in "live" view, you won't see the hot spot icons in properties. If you switch to "design" view, they become visible.

Translate

C

christofutti

Inspiring

that's the ticket

Translate

BenPleysier

Community Expert

Have a look at How to include interactive hotspots in your web site

Please note that to use hotspots in a responsive design, you will need a helper plugin like GitHub - stowball/jQuery-rwdImageMaps: Responsive Image Maps jQuery Plugin

Translate

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

T

tayzsquarebearAuthor

Participant

Thanks BenPleysier,

I did look at this earlier and all it says is how to create a hotspot.... not how to fix the problem that I am having. Thanks anyway for trying to help me

Translate

BenPleysier

Community Expert

The reason that I pointed to the article is because you are probably not using the correct procedure.

With an image in front of me in Design view, I click on the icon that represents the shape of the hotspot, I then click on the image and while holding down the left mouse button, I drag the hotspot onto the image. After that I will name and place a link on the hotspot. If I need to reposition or alter the size or shape, I can do this as well.

Translate

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.