Skip to main content
Participant
January 5, 2021
Question

Images Maps and Hotspots

  • January 5, 2021
  • 1 reply
  • 234 views

Hi Everybody,

I have a large image in Dreamweaver, I want to make clickabnle links, to jump to a different parts, of the same image. I am using hotspots, and I can link to other pages, is there a way I can use this technique to move around my image, using coords for example,

Many thanks,

Sara

    This topic has been closed for replies.

    1 reply

    Nancy OShea
    Community Expert
    Community Expert
    January 5, 2021

    Hi @Sara5E6E,

    Why do you think you need an image map? 

    Can you show us an online example of what you mean?

     

    Nowadays nobody uses image maps because they're not responsive.  The hotspot coordinates drift out of register when the image is rescaled to fit smaller devices.  So it's not a good solution in responsive layouts. 

     

    A simple image gallery can be achieved very easily without image maps. Is that what you're looking for?

     

    Nancy O'Shea— Product User & Community Expert
    Sara5E6EAuthor
    Participant
    January 6, 2021

    Hi Nancy,

    Thank you for your reply, here is my work in progress:
    http://recipesforbakingbread.co.uk/LinksandConnections.html

    I want to be able to click on each title, to move to its associated link. Here, I am using internal links, and target ID’s. These work well to navigate up and down my page, I’m unable to make them consistent when navigating from left to right. Any advice will be appreciated,

    Many thanks,

    Sara

    Nancy OShea
    Community Expert
    Community Expert
    January 6, 2021

    I'm afraid the purpose if this is lost on me.  From a UX standpoint, it fails.  Why?  Because site navigation is supposed to be simple and easy to access, especially for people on touch screen devices. 

     

    Linked areas must be sufficiently sized and spaced away from other links so that an average adult finger can easily reach them. See screenshot.

    Your diagram contains too much information in a cramped space thus it's not suitable for what you have in mind. 

     

    Nancy O'Shea— Product User & Community Expert