[Gnulf]

Moin, moin!

ich versuche mich gerade an der Optimierung von Webseiten für das Iphone (nur als Lernstück, liegt nichts Konkretes vor), wobei die Darstellung in Portrait- und Landscape-Lage unterschiedlich sein soll.

D.h., bei der Header-/Banner-Abbildung soll in der Portrait- bzw. in der Landscape-Lage des Iphones jeweils auf eine andere Abbildung zugegriffen werden. Container, Schriften etc. für beide Darstellungen seperat zu definieren habe ich hinbekommen, wie lässt sich das für Bilder in CSS realisieren?

google & co hat mir heute Vormittag leider nicht den zündenen Gedanken oder zündene Idee gebracht.

Hat jemand eine Idee?

Viele Grüße von Gnulf

[pRiMUS]

such nach "css media queries" - damit lässt sich das wunderbar erledigen. greift für alle android und ios geräte.

[pixelpapst303]

funktioniert super, solange die headergrafiken etc über css als bg definiert sind. für "echte" dom-manipulation müsstest du einen möglichen "orientation change" (event) per js überwachen.