I am desiging some webpages.

so if we see this website www.symphonysv.com,
there we can see some text in the middle row. when we point those texts with mouse, the image in the side changes.

How to do this...........

Thanks,
Vinutha.

it's done with javascript you should look on google for tutorials on javascript mouse over event and you should pull up plenty of info to get what you want done.

javascript swap image.....look on google

Can you do this with pure CSS or is it just common to use JS for it

I imagine you could only do it with JS just a guess though I'm still fairly new to CSS.

It can be done with CSS yes, but for IE 6 and below you'll still need a bit of scripting(htc file) because those versions don't support the hover pseudo class on anything but a link.

If you don't mind what would the CSS code look like?

From looking at your example, CSS wouldn't be something you'd want to look into for something like this, JavaScript would be the way to go.

CSS does it very handily, and you don't run into any risk of losing your navigation if someone does NOT have javascript enabled.. or is using a browser or assistive technology that doesn't run javascript.

There are several CSS-only examples here:
http://www.alvit.de/css-showcase/css...s-showcase.php

Originally Posted by LadynRed

CSS does it very handily, and you don't run into any risk of losing your navigation if someone does NOT have javascript enabled.. or is using a browser or assistive technology that doesn't run javascript.

There are several CSS-only examples here...

Thanks for the link and that is exactly why I wanted the CSS version

I'll say either JS or Flash (only the texte will have to be a part of the flash movie, then make a button and put the hit frame on the text and change the over image)

hope this is helpfull