The next code, feeling with the array simulation some stiff, I wrote a new one, please come to pp!
<style type= "Text/css" > body{background:black} point{position:absolute;height:75px;border:1px silver Solid} # round{position:absolute;background:red;width:200px;height:200px;} </style> <script> var r=200,dv=0.01,w=100,x=400;y=100,pn=8 var pi=3.1415926575,d=pi/2; var pd=math.asin (w/2/r); Ed=pi*2/pn;smove=true function window.onload () {var O=document.getelementbyid ("Imgro und "); var arrimg=o.getelementsbytagname ("img"); for (n=0;n<arrimg.length;n++) {arrimg[n].onmouseout=function () {smove=true;} Arrimg[n].onmouseover=function () {smove=false;} Arrimg[n].onmousedown=function () {dv=dv*2}} setinterval (roundmove,20); function Roundmove () {for (n=1;n<=8;n++) {var O=document.getelementbyid ("P" +n) var ta=math.sin (d+ed*n); var strfilter; if (ta<0) O.style.left=math.cos (D+ED*N-PD) *r+x; else O.style.left=math.cos (D+ED*N+PD) *r+x; O.style.top=ta*10+10+y; O.style.width=math.abs (Math.Cos (D+ED*N+PD)-math.cos (D+ED*N-PD)) *r; o.style.zindex=ta*10; if (o.style.zindex<0) strfilter= "Fliph (enabled:true)" Else strfilter= "Fliph (Enabled:false)"; if (ta<0) ta= (ta+1) *80+20; else ta=100; strfilter=strfilter+ "Alpha (opacity=" +ta+ ")"; o.style.opacity=ta/100; O.style.filter=strfilter; } if (Smove) D=D+DV; } </script> <div id= "Imground" > </div>
[Ctrl + A All SELECT Note: If the need to introduce external JS need to refresh to perform]
