Wieso funktioniert das kleine Script nicht??

randyorton

HI Ich will diese Script in meine Homepage einbauen sodas er die Auflösung abfragt und dann den jew. Hintergrund für die seite nimmt aber warum funtz das nicht???

Code

<script type="text/javascript">
if (screen.width >= 1024) {
      document.body.background = "hintergrund_1024.jpg";
} else {
      document.body.background = "hintergrund_1280.jpg";
}
</script>

Danke für Hilfe.

Noob

benutzt du css auf deiner Homepage?? Wenn ja dann würde ich einfach 2 css dateien anlegen und dann wie folgt machen!

Die Datei setcss.js

Code

function setcss() {
if (screen.width == 1024) {
document.write("<link rel=stylesheet type=text/css href=main.css />");
}
if (screen.width > 1024) {
document.write("<link rel=stylesheet type=text/css href=main2.css />");
}
if (screen.width < 1024) {
document.write("<link rel=stylesheet type=text/css href=main.css />");
}
}

Alles anzeigen

Im Head bereich deiner Seite dann einfach folgendes einfügen:

Code

<script language="JavaScript" type="text/javascript" src="Pfad_zu/setcss.js"></script>
<script type="text/javascript">
<!--
setcss();
//-->
</script>

Müsste eingentlich klappen!

randyorton

[quote='Noob']benutzt du css auf deiner Homepage??[/code]

Leider nicht

Noob

hast du denn deinen Code auch im Head tag deiner Seite eingebaut???

randyorton

jepp habe ich

Noob

dann versuch es mal indem du deine Seite über css formatierst und dann so machst wie ich oben im code geschrieben habe!

Hier ein paar Info Seiten zu css.

http://www.css4you.de/index.html
http://www.webmaster-resource.de/tutorials/css/css-tutorial.php
http://www.webdesign-referenz.de/html_css.shtml

Tags