parto dal presupposto che tu voglia cambiare sfondo all'elemento body e che lo sfondo sia ancoratoin alto a sinistra non ripetuto (eventualmente modifica il codice)

codice:
<head>
....
<script>

function changeBackground(bg) {
   el_body = document.getElementsByTagName('body')[0];
   el_body.style.background = 'url(' + bg + ') top left no-repeat';
}

function getResolution() {
  
   var x = screen.width;

   if (x > 1400) { changeBackground('1440x1280.jpg'); return; }
   if (x > 1200) { changeBackground('1280x1024.jpg'); return; }
   if (x > 1100) { changeBackground('1152x900.jpg'); return; }
   if (x > 1000) { changeBackground('1024x768.jpg'); return; }
   if (x > 700) { changeBackground('800x600.jpg'); return; }
}

window.onload = getResolution;

</head>
....