jQuery, changement d’arrière plan et layout fluide

Je travaille actuellement sur un projet de refonte de site web où une bonne partie des visiteurs ont une résolution d’écran inférieure au traditionnel 1024×768 pixels.

Le problème est que la créa faisant office d’arrière est prévue pour s’afficher sur des écrans ayant une résolution supérieure à celle ci dessus.

Le petit fragment de code ci dessous m’a permis de résoudre le problème. Il s’agit d’un script qui change l’arrière plan en fonction de la taille de l’écran. En d’autres termes, si la largeur est de moins de 1024 pixels, l’écran devient bleu. Sinon il prend la couleur rouge.

Il peut être amélioré cela dit : je pense notamment à un script permettant de changer de feuille de style en fonction de la résolution d’écran

jQuery(document).ready(function() {      

stylesheetToggle();
jQuery(window).resize(stylesheetToggle);

});

function stylesheetToggle(){   
if(jQuery('body').width()>1024){    
jQuery('body').css('background','blue');   
}else{    
jQuery('body').css('background','red');   
}  
}