Making image maintain focus

[sambojambo]

Hi,
I have created a website and have used Fireworks to create the menu so that the images I used in the menu can have swap image effects. Site is -

http://www.samoa.ws/rlsm/home.cfm

I want the image to maintain its "couloured" version when I click on that page, not just when I roll over the image. Is there a way that I can make the image keep its "coloured" version rather than rolling back to its "black and white" state when that page is showing?

Hope its making sense......

Thanks in advance

 

[DrP]

Do you mean something like this?
#navcontainer a {padding: 5px 0px 5px 0px; margin: 10px 0px 0px 0px; display: block; width: 150px; border: 1px solid #1d551d;}
#navcontainer a:link, #navcontainer a:visited {background-color: #ffffff;
color: #1d551d; text-decoration: none;}
#navcontainer a:hover {background-color: #009999; color: #ffffff; text-decoration: none;}
#navcontainer a#current {background-color: #e6ffbf; color: #1d551d; text-decoration: none;}

Then in the link for the page you are on put id="current"
I think you can also use a:active to style a link currently loading.

 

[knight_47]

Is it me, or is it the website.. None of the images are turning to color when I put my mouse over them. Are you working on it or something? The only way I know of doing what you want, is modifying the HTML on each page. Use the rollover effects for all of them, them when it's clicked on, and your taken to the page, remove the rollover effect on the page are taken too, and use the colored image. I'm probably not making any sense am I?

 

[DrP]

You have your rollovers being controlled by Javascript. If someone has it turned off they won't see the rollovers, though I'm not sure how many peole turn it off.
The proper way to do it would be using the stylesheet, which so far contains Sweet FA.
You'd have to give each link an id tag then set the images for each id in the stylesheet to show different images depending on the state of the link.

Knight: The images do work but are slow to load and you have to leave your mouse over them for a while.

 

[sambojambo]

Thanks guys,
Sorry about the speed, but being in Samoa, our speeds arent the greatest. I know my css contains sweet FA, as I know sweet FA about style sheets. Would any one know a site that I can learn how to do these changes by using the stylesheet and learn how to use style sheets to their fullest. Much appreciated.

 

[knight_47]

Knight: The images do work but are slow to load and you have to leave your mouse over them for a while.

Yea your right.

 

[DrP]

http://www.csscreator.com/css-forum/index.php

 

[sambojambo]

Thanks for that. Will have a go and see how it turns out.
Cheers