Schnudi: Bilder bewegen

Beitrag lesen

Hallo Matthias

Vielen Dank für deine rasche Antwort..

Meine Idee ist, dass das Bild konstant weiterläuft und nur der Bereich abgeschnitten wird, welcher ausserhalb der Div box liegt...
gibt es da unter style eine entsprechende möglichkeit? Oder kanns du mir einen Input geben wonach ich googeln soll... ;)

Vielen Dank

Om nah hoo pez nyeetz, Schnudi!

<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>

* es ist nicht notwendig, SCRIPT großzuschreiben
* es braucht kein Language-Attribute, dafür (in HTML < 5) ein typ-Attribut.

pack deine Bewegung in eine geeignete while-Schleife
<pseudocode>
  while (left + bildbreite < breite des Elements ODER top + bildhöhe < höhe des Elements)
{
   meinbild.style.....
}
</pseudocode>

Matthias