Moving in circles

xscaleyscale

One image is placed at center of circle: (150,140).
To move the other image, we let a variable "count" move linearly from 0 to 2*Pi, in small increments.

Math.cos(count) gives a number between -1 and 1 as does Math.sin(count). Math.cos(count) controls the x-coordinate, while Math.sin(count) controls the y-coordinate. xscale and yscale adjust the vertical and horizontal eccentricities of the ellipse.

document.getElementById("c").style.left=xscale*Math.cos(count)+150;
document.getElementById("c").style.top=yscale*Math.sin(count)+140;