Hallo!

Habe auf meiner HP nen Hintergrund, der 1600 X 1200 groß ist, dass ihn auch jeder sieht, egal welche Auflösung man eingestellt hat.

Hat man jetzt aber ne geringere Auflösung, so kann man nur z.B. 2/3 des Hintergrundbildes sehen.

Kann man per HTML irgendwie Quelltext einfügen, das das Hintergrundbild sich automatisch anpasst, je nach dem wie groß die Auflösung beim Besucher der Seite ist?

Wäre echt super wenn mir jemand helfen könnte. :-(

Frichdel

Wenn du Bilder vergrößerst oder verkleinerst, gehen immer Informationen verloren, also die Qualität leidet. Mach deinen Hintergrund, wenn es ein Bild sein muss, so, dass es bei egal welcher Auflösung passt. Javascript selber kann keine Bilder ändern. Du könntest höchstens Bilder in verschiedenen Auflösungen vorliegen haben und alle mit der Seite übertragen. Javascript kann dann je nach Auflösung ein anderes Bild als Hintergrund setzen.

Damit hast du aber einen großen Overhead, weil ja jeder, egal welche Auflösung er hat alle Bilder lädt.

Ausserdem, was ist, wenn der Browser nicht Fullscreen läuft? Oder was, wenn der Anwender noch etliche Toolbars oder Sidebars offen hat? Dann stimmt der sichtbare Hintergrund nicht mit deinen Vorgaben überein.

Ein Hintergrund, der nur für eine bestimmte Auflösung und dabei unter bestimmten Bedingungen (Browser muss so sein wie bei mir!) funktioniert sollte auf jeden Fall vermieden werden.

am besten sind 1-5px große hintergrundbilder die mit background-repeat den kompletten Hintergrund füllen.

So hat man bei geringer Ladezeit einen meist tollen Hintergrund

Gruß,

Markus

[...]Du könntest höchstens Bilder in verschiedenen Auflösungen vorliegen haben und alle mit der Seite übertragen. Javascript kann dann je nach Auflösung ein anderes Bild als Hintergrund setzen.

Damit hast du aber einen großen Overhead, weil ja jeder, egal welche Auflösung er hat alle Bilder lädt.[...]

Das stimmt nicht mit dem Overhead. Die Bilder müssen doch nicht alle mitgeladen werden, sondern nur das Bild, das du für die Auflösung als Hintergrund nimmst - alles andere wäre Schwachsinn.

1.) Auflösung auslesen

2.) entsprechendes Bild setzen

3.) nur das entsprechende Bild wird auch geladen und als Hintergrund eingebunden und angezeigt.

Ich würde aber dazu raten keine grossen Hintergrundbilder zu nehmen, sondern sich das wenns kein richtiges Bild, sondern ein Layout sein soll aus mehreren kleineren Bildern zusammenzusetzen, die man dann auf die entsprechende Breite und Höhe streckt und so ein Layout zusammenschustert. Dann ist das acuh nicht ganz so viel zu laden solange da keine Muster drauf sind...