Bilder anhand der Auflösung auslesen/anzeigen

[Poex]

<script language="JavaScript">
var Bildschirmaufloesung = screen.width;
var bildpfad = "";
if (Bildschirmaufloesung >= "1920")
{
bildpfad = "images/1920/";
document.getElementById("slider").innerHTML = '<img src="' + bildpfad + '1.jpg">';
</script>

Vielen Dank schon einmal für die tolle Hilfe! Leider funktioniert das noch nicht so richtig. Wenn ich diesen Code nun genau so in den "HEAD" schreibe, wie muss dann der Eintrag im "BODY" genau aussehen?

so?

<div id="slider">
     <img src="1.jpg" width="100%">
     <img src="2.jpg" width="100%">
     <img src="3.jpg" width="100%">
     <img src="4.jpg" id="picwidth">
    </div>

oder kommt in den DIV-Container "slider" überhaupt nichts rein? Wie kriege ich dann die Werte wie "width" oder eine id-Zuweisung in das "img"??

Das ist mein JavaScrip-Code:

<script language="JavaScript">
var Bildschirmaufloesung = screen.width;
var bildpfad = "";
if (Bildschirmaufloesung >= "1920")
{
    bildpfad <= "images/1920/";
    document.getElementById("slider").innerHTML = '<img src="' + bildpfad + '1.jpg">';
}
else if (Bildschirmaufloesung >= "1366")
{
    bildpfad >= "images/1366/";
    document.getElementById("slider").innerHTML = '<img src="' + bildpfad + '1.jpg">';
}
else
{
    bildpfad = "images/normal/";
    document.getElementById("slider").innerHTML = '<img src="' + bildpfad + '1.jpg">';
}
</script>

Nochmal danke für die Hilfe!!!