java script Bildschirmauflösung

[Mathias Brodala]

Hallo syco753.

meine webseite soll auf die bildschirmgrösse(auflösung) reagieren können.

Da die Auflösung gänzlich unabhängig von der Größe des Viewports (Fensterinnenraumes) ist, solltest du besser die Dimensionen letzteres in dein Script einbeziehen.

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>
}

Hier sollte wohl eigentlich die Grafik ins Dokument geschrieben werden, nicht? Die Fehlerkonsole eines Browsers hätte dir hier die Fehler gezeigt.

Und was ist mit dem schließenden Tabellentag da?

Kann jemand einem JS Unerfahrenen erklären wie ich das zu bewerkstelligen habe?

Am besten notierst du im Dokument erst einmal fest die kleinstmögliche Fassung deiner Grafik:

<img id="wechselgrafik" src="grafik/logo800.jpg" width="771" height="81" alt="Vergissmeinicht">

(Mit Hilfe der ID kannst du die Grafik später im Dokument verschieben wie es dir beliebt. Alternativ wäre der Zugriff auch einfach per document.http://de.selfhtml.org/javascript/objekte/images.htm@title=images-Knotenliste möglich.)

Nun kannst du beim Laden den Inhalt des src-Attributes dieser Grafik abhängig von z. B. der Breite des body-Elementes anpassen:

window.onload = function() {  
  
  if (document.[ref:self811;javascript/objekte/document.htm#get_element_by_id@title=getElementById]) {  
  
    var img = document.getElementById('wechselgrafik');  
    var bwidth = document.body.[ref:self811;javascript/objekte/all.htm#offset_width@title=offsetWidth];  
  
    if (bwidth > 800) {  
  
      img.[ref:self811;javascript/objekte/htmlelemente.htm#img@title=src] = "grafik/logo1024.jpg";  
  
    } else if (bwidth > 1000) {  
  
      img.src = "grafik/logo1280.jpg";  
    }  
  
  }  
};

Zum besseren Verständnis solltest du den im Code platzierten Links folgen.

Nebenbei: deine Grafik möchte nicht zufällig eigentlich eine Hintergrundgrafik sein, oder?

Einen schönen Montag noch.

Gruß, Mathias