Mouseover image

User 2338370 Photo


Registered User
11 posts

First post, and newbie, so please be gentle..... :-)

I know it has been asked before, but I cant see a simple answer.

I would like to display a different image on the mouseover, and revert to the original on mouseout.

Can this be done?

rgds
mike
User 187934 Photo


Senior Advisor
20,265 posts
Online Now

Wouldn't an image change on a mouseover for an image map be counter productive. The linked locations wouldn't change with the image so it might confuse users.:)
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 2338370 Photo


Registered User
11 posts

Thanks for your reply.
What I'm actually trying to do is to highlight the mouseover area.

What I was going to do is create an image of only the cropped mouseover area, and make that a bit larger, so that it 'pops out' to the user.

I have a number of linked areas on the overall map.

The linked locations wouldn't change.

rgds
Mike
User 187934 Photo


Senior Advisor
20,265 posts
Online Now

I would take a look at CSS Sprites as altering the image map would be a big job to achieve what you want.
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.