Hintergrundbild in Frames skalierbar??
oli
- html
0 wahsaga0 Ashura
0 Felix Riesterer0 oli
Hallo,
hab da ein kleines Problemchen. Ich lege in einen Frame ein Hintergrundbild und möchte dieses skalierbar machen. D.h. wenn die Auflösung kleiner wird, soll sich das Hintergrundbild mit verkleinern. Ist dies möglich, also kann da Hintergrundbild in den Frame "gepresst" werden??
Danke Oli
hi,
Ich lege in einen Frame ein Hintergrundbild und möchte dieses skalierbar machen. D.h. wenn die Auflösung kleiner wird, soll sich das Hintergrundbild mit verkleinern. Ist dies möglich, also kann da Hintergrundbild in den Frame "gepresst" werden??
Mit den derzeit von den Browsern umgesetzten Ständen in HTML und CSS: nein.
Alternative könnte z.b. sein, ein "normales" Bild (<img>) zu nutzen, welches absolut positioniert und mittels z-index "in den Hintergrund geschoben" wird - dessen Maße kannst du dann per Javascript anpassen. (Bei Fragen dazu bitte zuerst das JS-Kapitel von selfhtml konsultieren.)
gruß,
wahsaga
Hallo wahsaga.
Alternative könnte z.b. sein, ein "normales" Bild (<img>) zu nutzen, welches absolut positioniert und mittels z-index "in den Hintergrund geschoben" wird - dessen Maße kannst du dann per Javascript anpassen. (Bei Fragen dazu bitte zuerst das JS-Kapitel von selfhtml konsultieren.)
Wozu hier JS verwenden, wenn CSS genügt?
Einen schönen Dienstag noch.
Gruß, Ashura
Lieber oli,
das einzige, was ich Dir raten kann, ist das Bild nicht wirklich zu skalieren (denn das geht (noch) nicht), sondern ein sehr großes Hintergrundbild zu entwerfen, von dem man bei kleinerer Auflösung zwar nicht alles sieht, aber dessen wesentlicher Bereich per CSS-Positionierung immer im Blickfeld bleibt.
Skizze:
+--------------------------+
| |
| /\ |
| /__\ |
| | | |
| | H|IXXI |
| """""""" |
| |
| |
+--------------------------+
Um das Häuschen immer im Zentrum zu behalten, lässt du einfach das Bild mit
background: url(pfad/bild.jpg) no-repeat center center;
einbinden. Dadurch hast Du immer einen komplett abgedeckten Hintergrund, und das Wesentliche des Bildes im Blickfeld.
Alternativ - und je nach Motiv - geht das auch an den Rändern. CSS hat da ja mehrere Möglichkeiten der Positionierung...
Liebe Grüße aus Ellwangen,
Felix Riesterer.
Nochmal hi,
naja das man ein Bild per css einbinden kan ist mir schon bewusst. Meine Frage war ja auch ob ich die Bildgröße der Bildschirmauflösung anpassen kann. Wenn die Auflösung kleiner wird im Frame mein Hintergrundbild nicht mehr vollständig angezeigt. Ich weiß dass ich per JS die Auflösung auslesen und dann eine neue Datei öffnen kann, was aber sehr umstädlich wäre, da ich dann ca 40 Dateien ändern müsste. Wenn es einfacher ginge wäre das schön.
Kann man aus JS heraus einen HTML Befehl absetzen??
Grüße Oli