• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Lesson 3. Dynamic Learning Interactions > Using Hotspots for Branch Navigation

Using Hotspots for Branch Navigation

You have become, by now, quite the expert at hyperlinks. You know several ways of applying them, you understand the difference between absolute and relative URLs, and you know how to get CSS to respond to link events. It is time to master a different way to present choices.

In this task, you will import an image that has four different icon buttons on it. The goal is to enable users to click on one of the icons and be taken to a page associated with it. But the image itself is a simple GIF. GIF images are a bitmap file type that does not enable any sort of interactivity, including hyperlinks. While you already know how to add a hyperlink to a whole image, in this task, you will add links to only parts of an image. To do so, you will use an HTML element called hotspots, which are invisible regions that overlay images, making those regions responsive to user events, such as clicking and mouse overs.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint