CSS changing background

HTML & CSS
1

I was looking at a site that I would like to copy some of the features. www.glennbeck.com it’s background image changes every time you refresh the page and it has a 1700 by 10xx something pixels background image. The Background image seems to conform to what ever the resolution of the computer you are using is and make it look proportioned correctly. I was hoping someone might have some insight for me regarding this. I know several things about css but by no means am an expert.

Any response valid to my concerns are very much appreciated.

2

You could use javascript to generate a random number and then use that number to select a background image from an array of background images. But this won’t work in javascript disabled browsers.

Another option is to put all your bg image files in a separate folder on the server and then add some server side code (like php) to a web page which reads the file names from the bg images folder and then selects one at random. The server side code then sets the selected file name as the bg image in the css code.

3

I only looked at it quickly but they just seem to be using a very large image (1700x 1024). There are [URL=“http://buildinternet.com/2010/11/supersized-3-0-full-screen-background-slideshow-jquery-plugin/”]some scripts around though to make it fit exactly.

As webdev said you can do the image swap with js or preferably php and there are a few examples here on [URL=“http://www.google.co.uk/search?q=php+image+rotator+”]
Google