Matthias Apsel: Bilder anhand der Auflösung auslesen/anzeigen

Beitrag lesen

Om nah hoo pez nyeetz, Poex!

Es ist nicht schön, nicht effizient aber valide und sollte funktionieren.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>bilder</title>
    <style type="text/css">
      #slider { border: 5px solid red;}
      img { border: 2px solid black;}
    </style>
  </head>
  <body>
    <div id="slider">
    </div>
    <script type="text/javascript">
      var bildschirmaufloesung = screen.width;
      var slider = document.getElementById("slider");
      var bildpfad = "";
      if (bildschirmaufloesung >= 1920)
      {
         bildpfad = "images/slider-hs/1920/";
         slider.innerHTML = '<img src="' + bildpfad +'1.jpg" alt="vernünftiger Alternativtext">'
                          + '<img src="' + bildpfad +'2.jpg" alt="falls jemand die Anzeige von Bildern nicht mag">';
      }
      else if (bildschirmaufloesung >= 1366)
      {
         bildpfad = "images/slider-hs/1366/";
         slider.innerHTML = '<img src="' + bildpfad + '1.jpg" alt="vernünftiger Alternativtext">'
                          + '<img src="' + bildpfad + '2.jpg" alt="falls jemand die Anzeige von Bildern nicht mag">';
      }
      else
      {
         bildpfad = "images/slider-hs/";
         slider.innerHTML = '<img src="' + bildpfad +'1.jpg" alt="vernünftiger Alternativtext">'
                          + '<img src="' + bildpfad +'2.jpg" alt="falls jemand die Anzeige von Bildern nicht mag">';
      }
    </script>
  </body>
</html>

Matthias

--
1/z ist kein Blatt Papier. http://www.billiger-im-urlaub.de/kreis_sw.gif