Tags
People
Badges
Help-
CORE FRAMEWORK
FEATURED COMPONENTS
-
RESOURCES
-
LEARN ZK
RESOURCES
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.
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
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.
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
Asked: 2007-10-18 07:48:12 +0800
Seen: 218 times
Last updated: Dec 13 '12