Problème avec l'image de fond de page

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec l'image de fond de page

Message par lebani le Mer 4 Jan 2012 - 21:18

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:
body{
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
-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


Dernière édition par lebani le Sam 7 Jan 2012 - 14:49, édité 1 fois

lebani
Nouveau membre

Messages : 6
Inscrit(e) le : 03/01/2012

http://forumtest.africamotion.net/
lebani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par Habbo10 le Mer 4 Jan 2012 - 21:20

Tu a le meme probleme que moi ?

Spoiler:

Habbo10
Nouveau membre

Messages : 14
Inscrit(e) le : 03/01/2012

http://habbosoccer.forumactif.org/
Habbo10 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par Psyaliah le Mer 4 Jan 2012 - 21:24

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.

Psyaliah
# Tropactif #

Féminin
Messages : 1280
Inscrit(e) le : 22/12/2011

http://e-booking.forumgratuit.org
Psyaliah a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par lebani le Jeu 5 Jan 2012 - 16:38

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?

lebani
Nouveau membre

Messages : 6
Inscrit(e) le : 03/01/2012

http://forumtest.africamotion.net/
lebani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par baltic le Jeu 5 Jan 2012 - 20:37

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= http://i48.servimg.com/u/f48/15/18/77/96/image_15.jpg;

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

var bg= http://i48.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= http://i48.servimg.com/u/f48/15/18/77/96/image_15.jpg;

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

var bg= http://i48.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= http://i48.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 '$'

baltic
Nouveau membre

Masculin
Messages : 26
Inscrit(e) le : 30/08/2011

http://canalpoult.forumgratuit.org
baltic a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par vmcf le Ven 6 Jan 2012 - 13:22

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 */ 
}

vmcf
**

Masculin
Messages : 76
Inscrit(e) le : 29/01/2010

http://vmcf.forumactif.com
vmcf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par lebani le Ven 6 Jan 2012 - 21:24

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

lebani
Nouveau membre

Messages : 6
Inscrit(e) le : 03/01/2012

http://forumtest.africamotion.net/
lebani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par vmcf le Ven 6 Jan 2012 - 21:43

ici


vmcf
**

Masculin
Messages : 76
Inscrit(e) le : 29/01/2010

http://vmcf.forumactif.com
vmcf a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par lebani le Sam 7 Jan 2012 - 14:43

quel bonheur ça marche!

merci infiniment Wink

lebani
Nouveau membre

Messages : 6
Inscrit(e) le : 03/01/2012

http://forumtest.africamotion.net/
lebani a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec l'image de fond de page

Message par vmcf le Sam 7 Jan 2012 - 14:51

heureux d'avoir ou rendre service Clin d\'oeil

vmcf
**

Masculin
Messages : 76
Inscrit(e) le : 29/01/2010

http://vmcf.forumactif.com
vmcf a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum