Hintergrundbild proportional und vollflächig skalieren

[benni]

Hallo,

ich möchte Hoch- und Querformatbilder in einem div mit fixed position beim window resize so anpassen, dass das Fenster vollflächig ausgefüllt wird, das Bild jedoch nur proportional skaliert wird. Das heisst, je nach Fenstergrösse beträgt die Breite bzw. die Höhe des Bildes 100%, die andere ist grösser als 100% (oder zufällig genau 100%).

Ich hoffe ich habe mich einigermassen verständlich ausgedrückt und freue mich über jeden Hinweis.

Gruss, Benni

[fastix®]

Moin!

Ich hoffe ich habe mich einigermassen verständlich ausgedrückt und freue mich über jeden Hinweis.

Das geht nur mit Javascript.
Dein Ziel lässt sich nur mit ganzen Anzahl von wesentlichen Nachteilen für die Benutzer erreichen. Überleg Dir das sehr gut.

MFFG (Mit freundlich- friedfertigem Grinsen)

fastix®

[Thomas J.S.]

Hallo,

ich möchte Hoch- und Querformatbilder in einem div mit fixed position beim window resize so anpassen, dass das Fenster vollflächig ausgefüllt wird, das Bild jedoch nur proportional skaliert wird. Das heisst, je nach Fenstergrösse beträgt die Breite bzw. die Höhe des Bildes 100%, die andere ist grösser als 100% (oder zufällig genau 100%).

Wenn du zwischen Hochformat nd Querformat beim öffnen des Fensters untescheiden kannst, ist es eigentlich kein Problem, es reicht dann ein
img { width:100%; } bzw. ein img { height:100%; }, die Browser skalieren dann das Bild entsprechend proportional.

Grüße
Thomas