• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Hintergrund anpassen

C

cgoedert

New member
Ich möchte gerne ein Hintergrundbild, (Gif) welches aus Streifen besteht, ohne Wallpaper Effekt, in ein Browser Fenster einfügen. Das Bild soll das komplette Browserfester ausfüllen und sich bei einer Größenänderung mit anpassen.
Ich habe gehört das man die Auflösung das Fensters auslesen kann. Mit diesen Werten könnte ich die Größe des Bildes in Pixeln angeben (Länge und Höhe).
Gibt es vielleicht ein Script was dieses Problem bewältigt?
Im vorraus vielen Dank für eure Hilfe!
 
mit table?

ich würde es so probieren:
PHP: 
<img src="deinbild.jpg"  id="pic" height=100% width=100% border=0 style="{position:absloute; left:0px}">
und dazu ein script, dass Pic hin&her-rückt beim scrollen
PHP: 
<script>
function scroll_it()
{
   if(savX != document.body.scrollLeft || savY != document.body.scrollTop)
   {
      document.all["pic"].style.pixelTop=document.body.scrollTop;
      document.all["pic"].style.pixelLeft=document.body.scrollLeft;
      savX=document.body.scrollLeft;
      savY=document.body.scrollTop;
   }
}
setInterval("scroll_it()",10) //oder bietet sich hier ein passenderer event-handler an?
script funst nur im IE (hab keinen NS installt...) dazu müsste sich hiermal jemand anderes bereiterklären ein wenig übersetzungsarbeit zu leisten um das script crossbrowserfähig zu kriegen

---
hoffe konnt helfen :)
 
Man kann es auch ohne Scripting machen.
Und zwar mit positionierten Elementen. Beispielsweise so:

<body>

<div style="position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1">
<img src="bild.jpg" width="100%" height="100%">
</div>
<div style="position:absolute; left:100px; top:0px; z-index:2">
Hier kommt der ganze Rest rein, der im Vordergrund stehen soll.....
</div>
</body>

Damit funktioniert das mit der Größenänderung bestens.

Gruß

Manitou
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben