Help with DHTML button

Want to create a button like a dial or clock

[s9901470]

Hi

I don't know much DHTML but wondered if anyone can point me in the right direction. I want to develop a mouse-over button which allows people to click and vote on a scale of 1-7, to look like a dial or clock e.g. they move round the circle to select the number and click.

Any suggestions would be greatly appreciated.

Many thanks

[lZakl]

It sounds like you are looking for an image map...

These are fairly straight forward. I did a google search and came up with a TON of tutorials. You will just need an imaging program (ie. Photoshop) to give you the coordinates of certain parts of your image, use the <MAP> tag in html, and link the <area> to the appropriate place.

This is what <map> looks like:

<map name=mymap>
<area href="your link" coords="8,23,52,105">
<area href="other link" coords="63,27,42,26">
<area href="yet another link" coords="25,19,35,18">
</map>
<img scr="sitemap.gif" usemap="#mymap">

Hope this helps :0)

-- Zak

[s9901470]

I would like the image to change however, when hovered over.

e.g. on lovefilm.com, people rate the DVD they have rented. Example of one image:
[lovefilm.com...]

but this has seven different images around the dial.

Any suggestions?

[lZakl]

You can change cursors pretty easily using CSS, but they will be limited to the default cursors for the users browser.

i.e. <style>{cursor:n-resize}</style>

Only I.E. 6+ supports the URL dynamic changing of the cursor at the moment as far as I know.

i.e.
<style><!--
BODY{
cursor:url("mycursor.cur");
}
-->
</style>

And from what I have read, the images for the cursor can onlu be .cur or .ani.