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
--
*®*´¯`·.¸¸.·
*®*´¯`·.¸¸.·