Hallo to everyone!

I got no experience with JS, but i managed to scrumble this.


Code -- >

if ((screen.width<=800) && (screen.height<=600)) {
document.getElementById('bg').style.display='none';
document.write('<style type="text/css">body{background: white url(images/bg/i4.jpg);}"></style>')
}
if ((screen.width<=1024) && (screen.height>600 && screen.height<800)) {
document.getElementById('bg').style.display='none';
document.write('<style type="text/css">body{background: white url(images/bg/i3.jpg);}"></style>')
}
if (screen.width<=1280 && (screen.height>=800 && screen.height<900)) {
document.getElementById('bg').style.display='none';
document.write('<style type="text/css">body{background: white url(images/bg/i2.jpg);}"></style>')
}
if (screen.width<=1280 && (screen.height>=900 && screen.height<=1100)) {
document.getElementById('bg').style.display='none';
document.write('<style type="text/css">body{background: white url(images/bg/i1.jpg);}"></style>')
}
document.write('<style type="text/css">body{background-attachment: fixed; background-position:center;}"></style>');

<-- Code


I do know it is bulky, but I can't do any better, if anyone can advice shorter vesrion, that be great!

Oh, and for those who has JS disabled or fall out of this script reach, get 100% streched <img> with id "bg"!


I also want JS to able to change the background image (user end), play the above script again and run function that will recognize image's name and place description text (in div for example) accordingly. How difficult is that and can anyone drop some lines of code here? Thanks in advance!