Problème avec l'image de fond de page

[lebani]

bonjour à tous ^^
Je crée pour la première fois le design d'un forum, ou du moins je le test. Mon problème est que l'image de fond de page changeait selon les résolutions d'écran. J'ai donc mis ce script:

Code:

$(function(){

var bg= http://i48.servimg.com/u/f48/15/18/77/96/image_15.jpg;

if(screen.width < 801) bg=http://i48.servimg.com/u/f48/15/18/77/96/60010.jpg;
else if(screen.width < 1025) bg=http://i48.servimg.com/u/f48/15/18/77/96/102410.jpg;
else if(screen.width < 1281) bg=http://i48.servimg.com/u/f48/15/18/77/96/120010.jpg;
else if(screen.width < 1601) bg=http://i48.servimg.com/u/f48/15/18/77/96/160010.jpg;

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

});

Malheureusement, mm après avoir mis ce script apparemment cela ne marche pas.
Voila la capture d'écran de chez MOI et celle de MON AMI.

Quelqu'un connait-il la solution à mon problème?

Informations:
-le seul CSS que j'ai mis est celui la

Spoiler:

-la largeur du forum est de 70%
- Je ne sais pas si mon ami utilise le même navigateur web que moi

PS: si vous voulez plus d'information demandez
PPS: je ne sais pas si le sujet est bien placé


Merci d'avance ^^
MON FORUM

[Habbo10]

Tu a le meme probleme que moi ?

Spoiler:

[Psyaliah]

Demande une fois le navigateur de ton ami, le problème vient peut-être de celui-ci.
Après tu as le "no-repeat" dans le CSS, qui fait que le fond de ton forum sera centré comme sur le screen, et que tu auras la couleur assigné via le panneau de gestion des couleurs qui apparait derrière si il y à un quelconque problème.

[lebani]

oui mais le problème es que mon image de fond est CELLE CI ce qui fait que si elle se répète, ça ne concorde plus du tout :/

Y aurait-il une autre solution?

[baltic]

J'ai ce même problème . Je croyais que je l'avais résolu mais rien. Que ce soit avec Mozilla ou Google c'est pareil.
J'ai posté le script chez JSLint et il n'est pas bon .
J'ai deux écrans en 1920 , deux en 1680 et un en 1450. Ainsi mon image de base est 1920. Sur mes autres écrans l'image est tronquée. Mon collègue en Bretagne la voit tronquée aussi donc ce n'est pas un problème de chez moi.

Voici le rapport JSLint

Error:
Problem at line 1 character 1: '$' was used before it was defined.

$(function(){

Problem at line 1 character 11: Expected exactly one space between 'function' and '('.

$(function(){

Problem at line 1 character 13: Expected exactly one space between ')' and '{'.

$(function(){

Problem at line 1 character 13: Missing space between ')' and '{'.

$(function(){

Problem at line 2 character 1: Unexpected '(space)'.

Problem at line 3 character 1: Expected 'var' at column 5, not column 1.

var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;

Problem at line 3 character 7: Missing space between 'bg' and '='.

var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;

Problem at line 3 character 9: 'http' was used before it was defined.

var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;

Problem at line 3 character 13: Expected ';' and instead saw ':'.

var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;

Problem at line 4 character 1: Unexpected '(space)'.

Problem at line 3 character 13: Expected an identifier and instead saw ':'.

var bg= https://i.servimg.com/u/f48/15/18/77/96/image_15.jpg;

Problem at line 3 character 13: Stopping. (25% scanned).

Undefined variable: http 1 '$'

Unused variable: bg 1 '$'

[vmcf]

mon image de fond est stable quelle que soit la résolution
avec uniquement du css

Code:


body {
margin:0;
padding:0;
background: url("url_de_mon_image") no-repeat center fixed;
-webkit-background-size: cover; /* pour Chrome et Safari */
-moz-background-size: cover; /* pour Firefox */
-o-background-size: cover; /* pour Opera */ 
background-size: cover; /* version standardisée */ 
}


[lebani]

a cool, merci
tu aurais tt de mm un lien vers ton forum pour voir ce que ça donne stp?

[vmcf]

ici

[lebani]

quel bonheur ça marche!

merci infiniment

[vmcf]

heureux d'avoir ou rendre service