Expression® Web Design
| 
| 
Creating a Hotspot in Expression Web
Saturday, October 06, 2007
To create a hotspot with Expression Web, the easiest way is to use the Picture toolbar. This will help you create the source code you need if you have one image but need to direct users to different pages when they hover over a particular place on the image.
Once
you have the image in your web page, right click near the tool bars to bring up
the dropdown and choose the Pictures toolbar. Now if you highlight your image
you will see that you are able to choose the Rectangular Hotspot. Go to
your image, draw a rectangle over the image you wish to direct users to.
When you lift up on the left mouse cursor, a hyperlink dialog box will appear.
Locate the page that you wish to associate with that hotspot. And then
repeat as necessary.You can also see it in action to make sure you know where everything is. You can see How to create an Image Map in Frontpage to see it is very similar as in Expression Web.
Also, you can find out how the coordinates are chosen in an imagemap.
Comments
john de wit said...
very usefull so far, making a hotspot and open it in a new window no problem, BUT what if that window must have a size of 450 * 253?
can you help me?
Corey Bryant said...
Using this
pop-up>href="http://www.cgiscript.net/cgi-script/csNews/csNews.cgi?database=js_windows%2edb&command=viewone&id=38&op=t">
pop-up creating wizard, I created this
image map. Mouseover the green area and the Microsoft section of this
blog will open in a pop-up (however, keep in mind that some users might have pop-ups
blocked or some browsers will just open a pop-up in a new window or 'tab').
For more Expression Help, I recommend the
Expression
Forums.
