Grafik dynamisch an die Seite anpassen

Endlosgrafik oder "kachel" als Hintergrund einfügen.

endlos - Kacheln geht nicht, das es eher eine breite Grafik ist - und mehr oder weniger als Balken oberhalb der Button´s stehen soll


 

Dann mach die Grafik so breit, dass die gängigen Grafikkarten-Auflösungen und aktuellen Monitorgrößen abgedeckt werden (im schlimmsten Fall, weil sehr ladeintensiv , 2.000 Pixel breit) und lege Sie am Seitenkopf per externem CSS oder mit Hilfe eines in der Seite platzierten Layers und Layerhintergrund Grafik fest.

Hi |

Also skalieren is blöd. Da müsstest du theoretisch ein riesiges Bild haben, was je nach Bildschirmfläche kleiner dargestellt wird - per JavaScript versteht sich, denn live berechnen fällt aus.

Das Ganze sieht schlecht aus, weil eben einfach nur skaliert wird und nicht geresamplet (was für ein Wort ). Das Bild wäre sicher auch viel zu groß, was die Ladezeiten hebt.

Vielleicht gibt es in deiner Grafik einen Bereich, der gekachelt werden könnte. Es muss ja nicht die ganze Grafik sein.

Übrigens wird gängigerweise bei Verwendung von Header-Grafiken auch eine fixe Breite des Content-Bereiches definiert, wobei rechts und links "Pufferzonen" eingerichtet werden. Das macht die Sache wesentlich entspannter programmierbar

greez
JoSsiF

hmmm - Danke für Eure Hilfe!

Das mit der großen Auflösung habe ich versucht - die Ladezeit ist dann enorm.

Werde das mit dem Teil - Kacheln noch anschauen - das klingt sehr interessant!

Danke!

Nachtrag (wegen Kacheln und so):

Es gibt diverse Filter für Bildbearbeitungsprogramme, die dir jedes Bild so umwandeln, dass du es randlos kacheln kannst. Sieht mitunter etwas putzig aus, aber bei abstrakten Motiven könnte das schon gut wirken.

Sowas macht z.B. "The Gimp".

greez
JoSsiF

Danke JosSiF 

Wird zwar ein bis´chen Arbeit, aber so geht es!