Design - javascript pour le fond adaptable

pour que l'image de fond s'adapte aux différentes résolutions d'écran :

il faut disposer de l'image en plusieurs formats

dans le panneau d'admin, onglet "modules", tout en bas, il y a "gestion des codes javascript"
le javascript en question s'appelle "resolution", il est modifiable par l'icône jaune

voici le code actuel :

Code:

$(function(){

var bg= "http://i75.servimg.com/u/f75/16/22/83/29/192010.jpg";

if(screen.width < 1025) bg="http://i75.servimg.com/u/f75/16/22/83/29/fond1010.jpg";
else if(screen.width < 1201) bg="http://i75.servimg.com/u/f75/16/22/83/29/fond1210.jpg";
else if(screen.width < 1501) bg="http://i75.servimg.com/u/f75/16/22/83/29/fond1510.jpg";
else if(screen.width < 1901) bg="http://i75.servimg.com/u/f75/16/22/83/29/192010.jpg";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

et le code expliqué :

Code:

$(function(){

var bg= "lien de l'image au format maximum (ici 1920)";

if(screen.width < 1025) bg="lien de l'image en largeur 1024";
else if(screen.width < 1201) bg="lien de l'image en largeur 1200";
else if(screen.width < 1501) bg="lien de l'image en largeur 1500";
else if(screen.width < 1901) bg="lien de l'image en largeur 1920";

document.body.style.backgroundImage="url(\""+bg+"\")";

});

liens des fonds "irlande"
1920x1125 : https://i.servimg.com/u/f75/16/22/83/29/1920ir10.jpg
1500x879 : https://i.servimg.com/u/f75/16/22/83/29/1500ir10.jpg
1200x703 : https://i.servimg.com/u/f75/16/22/83/29/1200ir10.jpg
1024x600 : https://i.servimg.com/u/f75/16/22/83/29/1024ir10.jpg

Ah c'est super tout ça !!!! Je n'avais pas réussi à trouver ce sujet lol ^^'


Merci infiniment !