Picture Frames

[greg]

Ok - I am doing a site that needs to have the picture in the middle of the page. Then on the right hand side will have a bunch of different picture frames. Then when you hover over top of the frames they will apply the hovered frame to the picture. I have been able to accomplish this with the a:hover and span attributes; but, my problem lies in the leaving portion. When my mouse leaves the frame I want the last frame I hovered over to stay applied to the image. Does anyone know of a CSS attribute that would accomplish this.

I really want to try to keep it CSS - for accessibility reasons. Thanks for the help.

--
Greg

[Toon]

This kind of works as a CSS Rollover Gallery except you have to click to get the picture to remain but what doesn't work is when you rollover another image it still changes.

[wolve]

If you're using a:hover there is no way the frame will remain selected after you move your mouse pointer away. You could replace your a:hover with a:active and have your users click instead of hover.

[lolly]

Originally Posted by Toon

This kind of works as a CSS Rollover Gallery except you have to click to get the picture to remain but what doesn't work is when you rollover another image it still changes.

That's very jumpy for a gallery style

[LeadMagnet]

What's the accessibility issue with doing this through javascript? It would be so easy.

[tommylogic]

Look over all of Stu Nicholls Demos and see if you can find something you like

Stu Nicholls | CSSplay | CSS demonstrations

[WebGrafix]

I have deja vu. I am sure this exact thing has been requested before ages ago.

[Toon]

The original is from 27-03-2007 so it could be the same one