Hintergrundbild aus 2 Bildern!

Hi,

mach entweder ein Bild (das, welches sich wiederholen soll) als Hintergrund im BodyTag und das andere als Background (bzw als <img>) auf einem Layer - oder halt mit zwei Layeren...

z.b.

PHP:
<body style="background-image:url(bild1.jpg);">
<div id="layer1" style="position:absolute; magrin-top:0px; background-image:url(bild1.jpg); width:100%; height:100%;">

oder

PHP:
<div id="layer1" style="position:absolute; magrin-top:0px; background-image:url(bild1.jpg); width:100%; height:100%; z-index:1;"> 

<div id="layer2" style="position:absolute; magrin-top:100px; background-image:url(bild2.jpg); width:220px; height:150px; z-index:2;">




CU Andreas
-------------------------------------------------------------
"There are only 10 types of people in the world, those that understand binary, and those that don't."
 
Ok danke @all...

Das mit den Bildern hab ich jezze mit den Layern hinbekommen!!!!!

Nun aber zu meiner Anderen Frage:
Ich hab nen Bild auf meiner HP und wenn jemand mit der Maus drüber fährt soll ein anderes erscheinen......

gut das mach ich dann mit mouseover& mouseout.....

aber bis dieses blöde bild geladen is.......

Das mit dem Ladebalken hilft nix.... hab es zur zeit mit nem Preload...

image = new Image();
image.src = "bild.gif";

aber das hilft auch nix....

da ich verdammt viele bilder hab.... 18 oder so würd ich gern die kürzeste script version die geht ;)

plz help

greetz MrF
 
Hi

PHP:
function PreloadImages() {
  var Bild01 = new Image();
  Bild1.src = "bild01.gif";
  var Bild02 = new Image();
  Bild2.src = "bild02.gif";

(...)
  
  var Bild18 = new Image();
  Bild18.src = "bild18.gi"
  }

< / script >
<body onload="PreloadImages()">
ich schätzte kürzer geht das mit Javascript nicht wirklich...

Eine andere Methode gibt´s noch bei DrWeb zu sehen...




CU Andreas
-------------------------------------------------------------
"There are only 10 types of people in the world, those that understand binary, and those that don't."
 
Zurück