Background image depending on screen resolution

[Ozz]

I have to use different background images for different screen resolutions.
For example is visitors resolution is 800x600 he sees 800x600.jpg as background image on that page if its 1024x768 sees 1024x768.jpg.
I dont want to redirect visitors to different pages.
I think it can be done with javascript but how?

[beetle]

What if I have 1024x768 (or larger) but my browser isn't fullscreen? What then?

[vgarcia]

I concur with beetle. My res is 1280x960 at home, and 1600x1200 at work. Do you think that I ever browse fullscreen? You may want to rethink your background strategy. How about just a background image centered on page?

[Markdidj]

Why don't you use percentages, get your image size changing when the window is resized?

[Ozz]

Is there anyway to do percentages with background images?
Like table percentages huh ?

[Markdidj]

But you can position the pic at 0,0 and size it in percentages.
you might have to size it above 100%, at 100% my pics are slightly smaller than the window.
If you dont need it to scroll, use overflow:hidden on the body. I think you can set direction of overflow as well, say only side scroll-bar. I'm not sure how to do this but I'm sure someone in here will know....

Hope it helps