Bild Fensterfüllend?

[whiterussian]

Hallo!

Wie kann ich ein Bild im Browserfenster beim vergrössern bzw verkleinern mitskalieren lassen, so dass die Proportionen erhalten bleiben?

 

[Sebastian Wramba]

1) Zum einen brauchst du dabei onResize().

2) Dann rechnest du das Seitenverhältnis des Bildes aus. Einfach Breite / Höhe.

Nun der spannende Teil:

Nach dem Resize gibst du dem Bild die Breite des Fensters (window.InnerWidth) und die Höhe ergibt sich aus dem ausgerechneten Seitenverhältnis.

Dann überprüfst du noch, ob die daraus entstehende Höhe noch ins Fenster passt, wenn nicht, verkleinerst du die Höhe auf die Höhe des Fensters. In diesem Fall ergibt sich dann die Breite aus dem Seitenverhältnis.

 

[whiterussian]

logo ...
thx
Bis auf das, dass ich da keinen Tau davon habe, schauts gut aus ...

 

[Nino14]

Normalerweise kann man doch einfach width="100%" angeben dann wird das andere normal auch mit angepasst. Oder seh ich das grad falsch?

LG Nino