Change a css background

[deadlyhunta]

Hello all,

I have used javascript a little bit (along time ago) so my knowledge is pretty limited (very limited).
I am trying to figure out a way that I can change a css background when a certain tag is on a page..

I.e
The background image is a picture of a bird because a tag on the page says "bird"

The tag on the next page says "dogs", so there is a picture of some dogs..

there would probably be about 7-8 different tags and images

Is this hard to do ?

.bird{
    background: url(images/bird.png) left top no-repeat;
}
.dog{
    background: url(images/bird.png) left top no-repeat;
}
/* Etc.. */

If any one could help me out it would be fantastic, i'm sure it's pretty simple for javascript ppl..

[RamananKalirajan]

Hi,
can you please explain what do you mean by "tag" here. Are you using any div? Instead of using javascript, writing classes in css for those div's are good practice.

Thanks and Regards
Ramanan Kalirajan

[Dormilich]

Do I guess right, that you want to switch class names?

[deadlyhunta]

Yes, I want to switch class names when a tag is applied to a page.

[deadlyhunta]

The tags will be coming from php and i guess will look something like this.

<div class="<?php if ($tag): print $tag; endif; ?>"></div>

[Dormilich]

well, er, that should do the job?