plan_B: Zwei Grafiken übereinanderlegen

Beitrag lesen

Hallo,

Zwei Grafiken übereinanderzulegen ist einfach - allerdings denke ich, dass Horst eine Art Maske bauen möchte.

Ja genau. ....

... mich wundert, warum noch keiner dem <img>-Element ein Hintergrundbild gegeben hat. Denke ich da zu einfach?

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>moving background-image</title>  
<script type="text/javascript">  
[code lang=javascript]  
  
window.onload=function() {  
 var img=document.getElementById("img");  
 var img2=document.getElementById("img2");  
  
 img.style.backgroundImage="url("+img2.src+")";  
 img.style.backgroundRepeat="no-repeat";  
 move_bg(img,-400);  
 }  
  
function move_bg(img,left) {  
 var x=parseInt(img.style.backgroundPosition);  
 x= !x ? 105 : (x-10);  
 img.style.backgroundPosition=x+"px -180px";  
 if ( x > left ) setTimeout( function(){ move_bg(img,left); }, 200);  
 }  

</script>
</head>
<body>
<div style="padding:100px;">
<img id="img" alt="teiltransparent" src="http://src.selfhtml.org/logo.gif">
<div>
<p><img id="img2" alt="" src="http://de.selfhtml.org/html/grafiken/anzeige/baum.jpg">

</body>
</html>
[/code]

Gruß plan_B

--
     *®*´¯`·.¸¸.·