pzy: Browserfenster im Seitenverhältnis skalieren

Beitrag lesen

Hallo zusammen!

Ich versuche im Moment, ein javasqript zu schreiben, dass bei window.onresize das Seitenverhältnis des Browserfenster beibehält. Ich habe schon einige Möglichkeiten ausgetestet, jedoch ohne Erfolg...

Hier ist mein aktuelles Script:

  
            function Fensterweite () {  
              if (window.innerWidth) {  
                return window.innerWidth;  
              } else if (document.body && document.body.offsetWidth) {  
                return document.body.offsetWidth;  
              } else {  
                return 0;  
              }  
            }  
  
            function Fensterhoehe () {  
              if (window.innerHeight) {  
                return window.innerHeight;  
              } else if (document.body && document.body.offsetHeight) {  
                return document.body.offsetHeight;  
              } else {  
                return 0;  
              }  
            }  
  
            var AlteWeite = Fensterweite();  
            var AlteHoehe = Fensterhoehe();  
            var Faktor    = AlteWeite / AlteHoehe;  
  
            function setFenstergröße() {  
                if (AlteWeite < Weite) {  
                    WDiff = Weite - AlteWeite;  
                    var NeueHoehe = AlteHoehe + (WDiff * 1/Faktor);  
                    var NeueWeite = Weite;  
                }  
                else if (AlteWeite > Weite) {  
                    WDiff = AlteWeite - Weite;  
                    var NeueHoehe = AlteHoehe - (WDiff * 1/Faktor);  
                    var NeueWeite = Weite;  
                }  
                if (AlteHoehe < Hoehe) {  
                    WDiff = Hoehe - AlteHoehe;  
                    var NeueWeite = AlteWeite + (WDiff * 1/Faktor);  
                    var NeueHoehe = Hoehe;  
                }  
                else if (AlteHoehe > Hoehe) {  
                    WDiff = AlteHoehe - Hoehe;  
                    var NeueWeite = AlteWeite - (WDiff * 1/Faktor);  
                    var NeueHoehe = Hoehe;  
                }  
                window.resizeTo(NeueWeite, NeueHoehe);  
            }  
  
            function groesse() {  
  
                Weite = Fensterweite();  
                Hoehe = Fensterhoehe();  
  
                setFenstergröße();  
  
                document.getElementById('comic').style.width = Weite + "px"; //wird in diesem Kontext nicht benötigt  
                document.getElementById('comic').style.height = (Hoehe - 120) + "px"; //wird in diesem Kontext nicht benötigt  
            }  
  
            $(document).ready(  
            function() {  
                groesse();  
            });  
  

Mit freundlichen Grüßen,
PZY