Mouseover image - Post ID 192646

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,245 posts

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,245 posts

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.