How to change this css to rotate images?

I have this code in my css file:

#sidebar {
float: left;
width: 198px;
height: 400px;
margin-top: 72px;
margin-left: 4px;
padding: 5px;
background-color: #090B06;
background-image: url(pics/1.jpg);
background-repeat:no-repeat;
border: 3px outset #6F6740;
}

Code (markup):

But instead of just showing 1.jpg I want to display a few different images at random from a directory, can I get a quick change to this code or a suggestion for how to do this, much appreciated

 

Well it took me just under an hour of digging and I finally got something to work. For anyone wanting to do this check this out: http://sonspring.com/journal/easy-random-css-backgrounds and where you have "background-image: url(pics/1.jpg);" or similar change it to this: "background-image: url(rotator.php);"

Edit, see my full working "african version" (home page image)

Regards, Jas.

 

thanks man, nice one..

 

Glad I could help someone else.

 

Thanks......

 

#sidebar {
float: left;
width: 198px;
height: 400px;
margin-top: 72px;
margin-left: 4px;
padding: 5px;
background-color: #090B06;
background-image: url(http:// gotoww.com/templets/images/feed.gif);
background-repeat:no-repeat;
border: 3px outset #6F6740;
}

u can use it in this way

 

Nice post.
It gives me something new to learn..

 

#sidebar {
float: left;
width: 198px;
height: 400px;
margin-top: 72px;
margin-left: 4px;
padding: 5px;
background-color: #090B06;
background-image: url(http://www.healthyfoodsicaneat.com/templets/images/feed.gif);
background-repeat:no-repeat;
border: 3px outset #6F6740;
}

u can also use it in this way