java script Bildschirmauflösung

[syco753]

Hallo,

meine webseite soll auf die bildschirmgrösse(auflösung) reagieren können. Je nach auflösung wird das webseiten logo in einer anderen grösse geladen.

Bildschirmauflösung width = 800   -> lade: logo800.jpg
Bildschirmauflösung width = 1024   -> lade: logo1024.jpg
Bildschirmauflösung width = 1280   -> lade: logo1280.jpg
Bildschirmauflösung width = unbekannt oder nicht gleich oben -> lade logo1024.jpg

Mit folgendem Script hab ich das versucht:

<script type="text/javascript">
if (screen.width == 800)
{
      <img border="0" src="grafik/logo800.jpg" width="771" height="82"></td>
}
if (screen.width == 1024)
{
      <img border="0" src="grafik/logo1024.jpg" width="771" height="82"></td>
}
if (screen.width == 1280)
{
      <img border="0" src="grafik/logo1024.jpg" width="771" height="82"></td>
}
</script>

Nun das funktioniert so hald nicht. Ich selber hab mit Java Script noch nie gearbeitet und mich ausschliesslich mit PHP abgegeben.

Kann jemand einem JS Unerfahrenen erklären wie ich das zu bewerkstelligen habe? Bin bei google nicht schlau geworden.

Danke mal im Voraus