Bilder anhand der Auflösung auslesen/anzeigen

[Poex]

Hallo Zusammen,

ich habe ein kleines Problem mit der Anzeige von Bilder in verschiedenen Bildschirmauflösungen.

Anmerkung: die Seite soll für verschiedene Auflösungen konzipiert werde (das ist ja auch kein Problem mit CSS), allerdings muss ich im HTML-Bereich ganz bestimmte Bilder in verschiedenene Auflösungen auslesen/ausgeben können. Es ist wichtig, dass das Skript merkt welche Auflösung vorhanden ist und anhand dessen die richtigen Bilder ausliesst/ausgibt:

Die anzupassenden Bilder sind alle in einem speziellen DIV-Container (id="slider"). Ich habe mir das wie folgt vorgestellt (leider habe ich nicht viel Erfahrung mit Java):

<script language="JavaScript">
var Bildschirmaufloesung = screen.width;

if (Bildschirmaufloesung >= "z.B. 1366")
{
   lese alle Bilder im Container id="slider" aus folgendem Ordner aus: src="images/bilder/1366/"
}
else if (Bildschirmaufloesung >= "z.B. 1920")
{
    lese alle Bilder im Container id="slider" aus folgendem Ordner aus: src="images/bilder/1920/"
}
else
{
    usw...
}
</script>

Ist so etwas überhaupt möglich? Was gebe ich im HTML-Bereich ein, wo die Bilder hinkommen?? Diese muss ich ja direkt in einem Verzeichniss angebe?!

Vielen Dank schon mal für die Hilfe!

MfG
Christoph