Skip navigation
Currently Being Moderated

How to make CS5 hotspots work like rollovers

Jul 5, 2011 12:49 AM



I have this project where I am taking a map of a country and wanting to make each state a hotspot that when you click on it, will show 2 or 3 images of that state that the person can click on for more information.


I want to create hotspots so that when you click on them, they make 1 or more images appear on the same page as the hotspot.  These images can themselves contain links.  Not so much pop-ups, but rather just some nice images alongside the image map.


Further, when you click on another hotspot on the same image map, it closes whatever images were previously open, and opens one or more new images relevent to that new hotspot (still on the same page).  We have not left the page yet that has the image map.


The thing that is different here is that these hotspots do not link to a new page, they behave more like a rollover.  I don't want to use rollovers because my image map will contain probably a dozen or more of these hotspots.


Does this make any sense?   I hope someone can help me with this, thanks!!

  • Currently Being Moderated
    Jul 5, 2011 5:23 AM   in reply to mcvendetti

    Clicking on a hotspot does not have to take you to a new page - it can indeed trigger any javascript function you want.


    To get what you describe, you could investigate DW's built-in Spry Tooltip (INSERT | Spry > Spry Tooltip), or if you can consider other commercial addins, you cannot go wrong with ProjectSeven's "ToolTipMagic" extension.


    Mark as:
  • Currently Being Moderated
    May 16, 2012 8:59 PM   in reply to mcvendetti

    Sounds like you need to create frames that will change as you click on the state and then when you click one of the options it can open a new page. 

    Or you can do some javascript work, check out for free scripts.  Either way you should be able to find several options to cure your webpage issues.


    I created an image map of the US that links to each state but I want to have a different color fill each state as you rollover it.

    Mark as:
  • Currently Being Moderated
    May 17, 2012 11:23 AM   in reply to Vid King
    I created an image map of the US that links to each state but I want to have a different color fill each state as you rollover it.

    Use jQuery MapHighlight plugin.



    Nancy O.

    Alt-Web Design & Publishing

    Web | Graphics | Print | Media  Specialists

    Mark as:

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points