Add or modify a hotspot

  • Article

A picture can contain one or more clickable hyperlinked areas that are called hotspots, which function like any other hyperlink. You can also set a default hyperlink for all other areas on the picture where you haven't defined a hotspot.

The Pictures toolbar provides tools that enable you to draw rectangular, circular and polygonal-shaped hotspots on an image. After you draw the hotspot, the Insert Hyperlink dialog box appears for you to specify the link for the hotspot. You can highlight hot spots on a picture in Microsoft Expression Web, such as when it's hard for you to see the hot spot outlines on the picture.

Note

To set a hyperlink for all other areas on the image outside of the hotspots, select the image and add a hyperlink to it. For more information, see Create or modify a hyperlink.

To add a hotspot to a picture

  1. In Design view, in your web page, click the picture to which you want to add a hotspot.

  2. On the Pictures toolbar, click Rectangular Hotspot Cc295120.e0f7c6f5-2365-47fa-bc3f-8b6bfb7492b1(en-us,Expression.40).gif, Circular Hotspot Cc295120.3b85bf85-1238-47a1-b473-651454e34bfd(en-us,Expression.40).gif, or Polygonal Hotspot Cc295120.97cd9e34-57c1-4416-bc0d-240944a6e375(en-us,Expression.40).gif.

  3. On the picture, do one or more of the following.

    • To draw either a rectangle or circle, drag where you want a hotspot.

    • To draw a polygon, click to create each vertex of the polygon shape. To complete the shape, either click on the first vertex you created, or double-click.

  4. In the Insert Hyperlink dialog box, locate the file you want to link to, and then click OK. For more information, see Create or modify a hyperlink.

To modify a hotspot

  1. In Design view, in your web page, click the picture that contains the hotspot you want to modify.

  2. On the Pictures toolbar, click Select Cc295120.9ddf513b-26ce-485f-aa82-cc9f6e9eaa98(en-us,Expression.40).gif, and then do one or more of the following.

    • To move a hotspot, click within the hotspot and drag it to where you want.

    • To resize a hotspot, drag a vertex on the hotspot.

    • To modify the hyperlink of a hotspot, double-click the hotspot. In the Edit Hyperlink dialog box, set the Address box to the hyperlink you want and click OK.

    • To delete a hotspot, click the hotspot and press DELETE.

To highlight hotspots or show them normally

  1. In Design view, in your web page, click the picture that contains the hotspots you want to highlight.

  2. To highlight hotspots or show them normally, on the Pictures toolbar, click Highlight Hotspots Cc295120.09b1f329-a7b1-4005-a7c5-eceadd765b1a(en-us,Expression.40).gif.

See also

Tasks

Create or modify a hyperlink
Using images in a website

Reference

Pictures toolbar

Concepts

Working with hyperlinks

Send feedback about this topic to Microsoft. © 2011 Microsoft Corporation. All rights reserved.