Javascript Auflösungsabhängiges BG Bild

[fUnKuCh3n]

Hallo,

ich habe folgendes vor:

Meine Website hat ein BG Bild, was per CSS eingebunden wird:

		html {
			background: #161616 url(../images/background/background_1280.jpg) center;
			 }

Jedoch wollte ich jetzt eigentlich, dass je nach Auflösung, jeder User nen eigenes BG erhält, damit die Seite auch gut aussieht, dazu hab ich mir folgenden JS Snippet gebastelt:

var breite = screen.width;

if (breite == 1280 || breite == 1024 || breite == 800)
{
	breite = breite;
}

else
{
	breite = "Ihre Auflösung wird nicht unterstützt!";
}

Aber, jetzt kommt mein großes Problem, wie bringe ich dem CSS File bei, mit Javascript welche Auflösung ich habe?

Notfalls wäre es ja auch net wild, wenn ich die CSS Verlinkung direkt im Main File mache, aber ich habe keinerlei Ahnung wie ich das machen soll, schließlich müsste ja nen document.write direkt ins CSS Attribut?

Liebe Grüße Sascha

 

[con-f-use]

Dem CSS-Stylesheet bringst du gar nichts bei. Du setzt den Hintergrund direkt mit Javascript. Anders geht es nicht.

if (breite == 1280 || breite == 1024 || breite == 800) {	
   document.getElementsByTagName('body')[0].style.backgroundColor ='#161616';
   document.getElementsByTagName('body')[0].style.backgroundImage ='url(../images/background/background_1280.jpg)';
}