VSD - Mouseover on images

User 373928 Photo


Registered User
141 posts

I would like an easy way to use mouseover to change an image. Right now, it can only be done on a text box.

In order to achieve this effect I had to:
1. add an image to my page,
2. click on it and add mouseover, (it did not give any mouseover effect)
3. uplosd, save and close the web site
4.go online and look at the generated html code,
5. identify the original and mouseover file names (one wasIMG00x the other mo_IMG00x)
6 rename the image I wanted to appear on mouseover as mo_IMG00x
7. reload the web site
8. kick the cat.

There must be a better way.

Look at www.raputtak.com
I have an inferiority complex - but it is not a very good one.
User 282670 Photo


Registered User
3,940 posts

the best way I can explain it Bass is here:
http://kellyinfo.com/MyFiles/tutorials/Mouseover.html




User 373928 Photo


Registered User
141 posts

Gee Whiz, Bruce, that is terrific. No need to kick the cat, either. He will be pleased. Thank you, thank you. I will add this tip to my own Help folder.

Now I wonder why our friends at CC gave no hint to this.

Here is what VSD Help Said:
========================================================
The MouseOver Inspector

When surfing on the Internet you have probably noticed how some graphic objects changes when the mouse is moved on top of the object. You can create this same effect on a Webpage when you use Visual Site Designer to build your website.

To make a mouseover start out with making a green circle using the Polygon Tooll. If you now click on the MouseOver button in the Toolbar the inspector to the right is shown. If you now click on the button Create you will notice how the object gets 8 green handles instead of the blue handles.


The inspector now changes to the one on the right. You now actually have two objects: the original object and the MouseOver object. They have the same position, size and everything. You can switch between the two objects by using the "Show" radio-buttons. If you try to give the object another size and then toggle between the two objects using the radio-buttons you can now see the difference.

Positions however are the same for both objects so if you move one of the object you actually move both. The only way do move the objects slightly independently of each other is to use the offset.

If you use the MouseOver effect on text-objects and you edit the text for lets say the original object then the text in the MouseOver object is changed as well. The same goes for buttontext on circles/rectangles. You can however have different text for the two objects by removing the checkmark in the MouseOver inspector.
==========================================================
I have an inferiority complex - but it is not a very good one.
User 282670 Photo


Registered User
3,940 posts

that was confusing to me also Bass, a lady named Inger showed me a while back so i'm just passing it on. but if you wish to save that in your help folder you can download it here:
http://www.kellyinfo.com/Mouseover.zip




User 512848 Photo


Registered User
4 posts

It sounds like Bruzer's advice would solve my problem, but both links are giving me 404.:(

Is there an updated link?
akcoyote - a lifelong Alaskan now living in the desert
User 282670 Photo


Registered User
3,940 posts

Hi Dave, I am redoing the tutorials for some reason I can't find that one but will remake asap and re-post it. sorry! they should work now.... :D





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.