Can a CSS stylesheet function swap images using OnMouseOver / rollover 3

[lesj1968]

Hi

Please can anyone tell me if there is a CSS stylesheet function class that can swap images using OnMouseOver or Rollover? I have a menu system and would like to apply a class to the current image that is representing each root menu option.

Thank you for any help.

Les

 

[BabyJeffy]

Javascript can be disabled on any browser, but by default it is enabled on all the ones I have ever installed. I imagine the embedded browsers in some of the mobile phones may have a reduced javascript core - but they do support the main things.

If you are doing JS development I can't help but recommend looking at the Venkeman debugger in Firefox (although I think it's now available in some other browsers). If nothing else, it'll prove invaluable as you port your javascript code from IE (although there is a good chance your code will work as-is or with minor changes).

It's a rare luxury to be in a single browser environment... enjoy it while you can

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

[/tt]

What is Javascript? faq216-6094

 

[lesj1968]

Please can anyone provide help on this... on how to make an image swap if a mouse is hovered over it?

Many thanks.

 

[Fendal]

Why not use Javascript ?.

<img id="pic" src="picture0.jpg" OnMouseOver="document.getElementById('pic').src='picture1.jpg';" OnMouseOut="document.getElementById('pic').src='picture0.jpg';" height="70px" width="70px">

 

[Vragabond]

Users at Tek Tips are sometimes more inclined to help people that actually show some initiative when they are presented with complete working examples of what they want. In light of this revelation, I will give you a link. It might look somewhat familiar, but I guess that's because it appeared here before. How about you try the technique described here:

http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html

 

[Fendal]

I can't help but feel I've seen that link somewhere before, could you post it again so I can take a closer look. ;-)

 

[chrissie1]

I found a site that does exactly what you need.

http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html

Can't remember where I found it. But I would like to thank the helpfull poster.

Christiaan Baes
Belgium

I just like this --> [Wiggle] [Wiggle]

 

[Fendal]

Great Link Chrissie, Have a Star......ahem..lol

 

[BillyRayPreachersSon]

Vragabond,

Have a star on me. Great link, great advice, just unheeded, clearly.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[FesterSXS]

How about this site - sounds like it should do what you need:

http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html

Tony

 

[kaht]

here's the link:

http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html

Now where's my star?

-kaht

How much you wanna make a bet I can throw a football over them mountains?

 

[BabyJeffy]

Now where's my star?

Yes it does, doesn't it.

Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? faq216-6094