0

cursor shape for imagemap

asked 2007-10-18 07:48:12 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4575457

By: sissina

Hi all,
I need to use a imagemap since I want that only once circle on my image is clickable.
I want that the cursor pointer shape appears when the mouse passes over my circle and not over all the image.
How can I do that?
Thank you,
Simona.

delete flag offensive retag edit

3 Replies

Sort by ยป oldest newest

answered 2007-10-18 08:28:55 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4575493

By: jebberwocky

Dear Simona


<imagemap src="/img/sun.gif" id="myMap2">
<area shape ="rect" coords ="0,0,82,126" />
<area shape ="circle" coords ="90,58,3" />
<area shape ="circle" coords ="124,58,8" /> </imagemap> The demo code is similar to the map-area demo in w3cSchool http://www.w3schools.com/tags/tag_area.asp

link publish delete flag offensive edit

answered 2007-10-18 11:57:12 +0800

admin gravatar image admin
18691 1 10 129
ZK Team


Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4575767

By: sissina

Thanks for the answer!
It is exactly what I did but when I pass the mouse over the image I get always the pointer cursor while I would like to have the pointer ONLY over my circle and for the rest of the image I want the default cursor. I tryed to set the style but it does not work.

link publish delete flag offensive edit

answered 2012-12-13 18:40:10 +0800

myzkdemo gravatar image myzkdemo
154 3

Hello,

yes I know its a very late answer ;-). But I had just today this problem and thats my solution. Maybe this can help anybody.

Here my solution:

<zk>
<style>
.my-imagemap a {
	cursor: default
}
</style>

<div sclass="my-imagemap">
<imagemap src="../img/myimage.jpg" onClick="alert(event.area)" >
    <area id="First" coords="0, 0, 200, 200"/>
    <area id="Second" coords="400, 200, 600, 400"/>
</imagemap>
</div>
</zk>

regards,
Gunter

link publish delete flag offensive edit
Your reply
Please start posting your answer anonymously - your answer will be saved within the current session and published after you log in or create a new account. Please try to give a substantial answer, for discussions, please use comments and please do remember to vote (after you log in)!

[hide preview]

Question tools

Follow

RSS

Stats

Asked: 2007-10-18 07:48:12 +0800

Seen: 218 times

Last updated: Dec 13 '12

Support Options
  • Email Support
  • Training
  • Consulting
  • Outsourcing
Learn More