Cursor Change on Mouse over using an...

User 192897 Photo


Registered User
325 posts

Sorry if in the wrong area, i wasn't sure if this should go in HTML, Image Mapper or VSD.

I have an image map where i want to change the cursor to a to something other than the default hyper link cursor. I would like to use a pin, as in voodoo pin. Below is part of the image map. I still have to figure out how to create the pin image but first I would like to change the cursor to make sure that works and my customer likes it. I have tried various combinations of code but nothing seems to work. Any help would be great

<!-- Beginning of Client Side Image Map -->
<img src="comeuppance reduced.jpg" USEMAP="#NotNamed" BORDER=0 >
<map name="NotNamed" >
<area shape="rect" coords="41,323,217,343" href="about.html" alt="" title="" target="_blank" >
<area shape="rect" coords="132,141,147,149" href="http://www.pinstruck.com/whatispinstruck.htm" alt="" title="" target="_blank">
<area shape="circle" coords="88,109,21" href="http://www.dumb.com/voodoodoll/" alt="" title="" target="_blank">
</map>
<!-- End of Client Side Image Map -->

The page can be found here http://www.juliekushner.com/comeuppance

Thanks in advance for any assistance
There is no distinctly native American criminal class except Congress. MARK TWAIN

www.juliekushner.com
www.beercoastermania.com
www.phi-scsc.com
User 187934 Photo


Senior Advisor
20,271 posts

Try this George.:D
<style type="text/css">
<!--
area shape{
cursor:url("voodoo.cur"),pointer;
}
-->
</style>
Attachments:
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 192897 Photo


Registered User
325 posts

Eric Rohloff wrote:
Try this George.:D
<style type="text/css">
<!--
area shape{
cursor:url("voodoo.cur"),pointer;
}
-->
</style>


Thanks I think the cursor is perfect but i am not familiar with CSS, does the code go with the image map? in it, before it? I'd like the Pin to be seen only when on the image, not on the rest of the page.

thanks again
There is no distinctly native American criminal class except Congress. MARK TWAIN

www.juliekushner.com
www.beercoastermania.com
www.phi-scsc.com
User 187934 Photo


Senior Advisor
20,271 posts

Place the code in the head of the page that the image map is on.
The cursor will only change when it's over the <area shape> that the image mapper has made.
Add the cursor image to the root of your site.

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 192897 Photo


Registered User
325 posts

Eric Rohloff wrote:
Place the code in the head of the page that the image map is on.
The cursor will only change when it's over the <area shape> that the image mapper has made.
Add the cursor image to the root of your site.



I tried the code in the header in the HTML text box and also on the page header, neither seemed to work. The cursor never changed, is there anything else i can try? i uploaded it to a test site, its the book cover on the bottom of the page.

Thanks again

http://dev.georgebarone.com
There is no distinctly native American criminal class except Congress. MARK TWAIN

www.juliekushner.com
www.beercoastermania.com
www.phi-scsc.com
User 187934 Photo


Senior Advisor
20,271 posts

Change the code to this.:)
<style type="text/css">
area {
cursor:url("voodoo.cur"),pointer;
}
</style>
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 192897 Photo


Registered User
325 posts

Eric Rohloff wrote:
Change the code to this.:)
<style type="text/css">
area {
cursor:url("voodoo.cur"),pointer;
}
</style>


Nothing yet, the cursor stays the same. Anything else i can try?
There is no distinctly native American criminal class except Congress. MARK TWAIN

www.juliekushner.com
www.beercoastermania.com
www.phi-scsc.com
User 187934 Photo


Senior Advisor
20,271 posts

I'm looking into it.:) It's not easily achieved.:(
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 192897 Photo


Registered User
325 posts

What if I made it for the entire page, not just the image map? Would that be easier?
There is no distinctly native American criminal class except Congress. MARK TWAIN

www.juliekushner.com
www.beercoastermania.com
www.phi-scsc.com
User 187934 Photo


Senior Advisor
20,271 posts

Yup.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.