Mouse over for dummies.

User 128428 Photo


Registered User
110 posts

Could some one explain to me in a very step by step manner how to do the following...pretend like I am a five year old.

I have to jpegs of an icon that are identical in size but one is all black and white and one is a color version. I want the black and white version to display on my site until the mouse goes over it and the color version is displayed in the exact same location.

Thanks in advance!
User 122279 Photo


Senior Advisor
14,649 posts
Online Now

There is an article here that is fairly step by step: http://www.coffeecup.com/help/articles/ … -designer/
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 128428 Photo


Registered User
110 posts

I read that artical and did a search on these forums and I still can not figure it out. I am sure it is super easy and I must be missing somthing simple....but I havn't figured it out yet.

what am I doing wrong?
User 187934 Photo


Senior Advisor
20,271 posts

Eric to have the picture change on mouseover place you original picture on your page. Now click mouseover at the top of VSd. Next click create mouseover. Now click on fill at the top of VSD and browse to your second picture that will be the mouseover. That's it. Post back if you need another nudge.:)
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 128428 Photo


Registered User
110 posts

ohhhhhh fill!!! duh! I didn't know you had to click on fill....that makes perfect sense.

Thank you!!
User 187934 Photo


Senior Advisor
20,271 posts

Your Welcome from one Eric to another.:)
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 146486 Photo


Registered User
35 posts

You can also do it in an html box. I did one you can see at

http://www.rypintoit.com/SiteMap.html

just scrollover the email write or call icons. If you would like I can send you details how to do that as it is real easy.
"Dream Outside Your Box!"

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.