Schnudi: Bilder bewegen

Beitrag lesen

SELF-Forum

Bilder bewegen

Schnudi
– Informationen zu den Bewertungsregeln

Hallo zusammen

Ich bin gerade dabei mit Hilfe von JavaScript eine Funktion zu schreiben.
Diese soll grundsätzlich ein Bild bewegen. Mit hilfe von meinbild.style.left=... und meinbild.style.top=...
und einer passenden Schleife funktioniert dies soweit auch.

Beim einbinden in meine Website habe ich noch eine kleine Schwierigkeit entdeckt. Und zwar möcht ich dass das Bild sich nur innerhalb eines Bereiches befindet. Falls es über diesen Bereich hinaus geht, soll es einfach abgeschnitten werden und seine Bewegung zuende führen bis es ganz verschwunden ist...

Anbei meinen aktuellen Code: Das bild sollte nur im grünen Bereich sichtbar sein..

<html>  
  
<head>  
</head>  
  
<SCRIPT LANGUAGE="JavaScript">  
var r = 100;  
var xm = 300;  
var ym = 200;  
var w = 0;  
  
function bewegen()  
{	  
	meinbild.style.left=(Math.sin(w)*r+xm)+'px';  
	meinbild.style.top=(Math.cos(w)*r+ym)+'px';  
	w+=Math.PI/1000;  
	  
	if (w>2*Math.PI)  
	{  
		w=0  
	}  
	window.setTimeout ('bewegen()', 3);  
}  
</SCRIPT>  
  
<body onLoad="bewegen()" bgcolor="#0066FF">  
<div style="height:400px; width:800px; background-color:#0F0;">  
<div id ="meinbild" style="position:absolute; left:0px; top:0px">  
  
<img src = "logo1.png" style="overflow:hidden">  
  
</div>  
</div>  
</body>  
</html>
Beitrag melden
–
Informationen zu den Bewertungsregeln