Bildschirmauflösung auslesen und mit IF-Bedingung verwenden

zurück zur Anzeige der Bildschirmauflösung

Um die Bildschirmauflösung grundsätzlich auszulesen, könnt Ihr dieses Skript verwenden. Guckt bitte auch hier.

Diesen Code fügt Ihr in die HTML eines Textfeldes ein.

> Textfeld aufziehen > Fenster “Text-Eigenschaften” > mittlere Reiter “Textfeld” > Button “HTML”

<script type="text/javascript">
   document.write(screen.width + " x " + screen.height + " Pixel.");
</script>

Wenn Ihr die Feststellung von z.B. der Bildschirmhöhe des Benutzers für bestimmte Aktionen verwenden wollt, um z.B. nur ein bestimmtes Skript einzufügen, falls die Bildschirmhöhe des Benutzers auch passt, dann könnte man diese Erkenntnis in eine IF (wenn) Bedingung einbauen, so wie ich es hier zum Testen mit den Fotos getan habe.

Das Skript sieht dann in meinem Fall so aus und wird genau wie oben wieder in die HTML eines Textfeldes eingebaut.

<script type="text/javascript">

   var aufloesunghoehe  = (screen.height);

   if (aufloesunghoehe == "1050")
   {
      var bildanzeige = "./assets/images/hibiskusrot.jpg";
      document.write("Bildschirmauflösung in der Höhe ist: " + aufloesunghoehe + " Pixel<br><br>" + "<img src=" + bildanzeige + ">");
   }

   if (aufloesunghoehe == "1024")
   {
      var bildanzeige = "./assets/images/eichhrnchen.jpg";
      document.write("Bildschirmauflösung in der Höhe ist: " + aufloesunghoehe + " Pixel<br><br>" + "<img src=" + bildanzeige + ">");
   }

   if (aufloesunghoehe == "900")
   {
      var bildanzeige = "./assets/images/sonnenhut.jpg";
      document.write("Bildschirmauflösung in der Höhe ist: " + aufloesunghoehe + " Pixel<br><br>" + "<img src=" + bildanzeige + ">");
   }

   if (aufloesunghoehe >= "800")
   {
      var bildanzeige = "./assets/images/tulpe.jpg";
      document.write("Bildschirmauflösung in der Höhe ist: " + aufloesunghoehe + " Pixel<br><br>" + "<img src=" + bildanzeige + ">");
   }

   if (aufloesunghoehe <= "768")
   {
      var bildanzeige = "./assets/images/peonie.jpg";
      document.write("Bildschirmauflösung in der Höhe ist: " + aufloesunghoehe + " Pixel<br><br>" + "<img src=" + bildanzeige + ">");
   }

</script>

nach oben