Pohybování obrázky – JavaScript, AJAX, jQuery – Fórum – Programujte.com

Taková zajímavost: narazil jsem na bookmarklet, který vezme všechny obrázky (document.images) a vytvoří z nich pohybujícího se hada:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.left=Math.sin(R*x1+i*x2+x3)*x4+x5; DIS.top=Math.cos(R*y1+i*y2+y3)*y4+y5}R++} setInterval('A()',5 ); void(0)

Funguje perfektně v IE , nikoli však v Opeře/Mozzile - nevíte jak na to?

PS.
Zkusil jsem do iniciační části vložit proceduru, která vloží do BODY na (0,0) prázdný abs.pozic.DIV a kolekci obrázků přemístí do něj:

DI=document.images; DIL=DI.length;
NDIV=document.createElement('div'); document.body.appendChild(NDIV); NDIV.style.position='absolute'; NDIV.style.zIndex=32767;
NDIV.style.width='1px'; NDIV.style.height='1px';
NDIV.style.left='0px'; NDIV.style.top='0px';
for(var i=0;i<DIL;i++) {IMAG=DI[i]; IMAG.parentElement.removeChild(IMAG); NDIV.appendChild(IMAG); IMAG.style.display='block'; IMAG.style.position='absolute'; IMAG.style.zIndex=32000 };

PROBLÉMY:
1) (v Opeře OK.)  Ve FF funguje jen na některých webech - na ostatních ani nedojde k vložení DIV kontejneru do BODY ????
2) např. na seznam.cz: některé obrázky rotují jako prázdné obdélníky bez obsahu

#1 Petroff
Toto funguje ve všech browserech:

javascript:R=0; x1=.1; y1=.05; x2=.25; y2=.24; x3=1.6; y3=.24; x4=300; y4=200; x5=300; y5=200; DI= document.images; DIL=DI.length; function A(){for(i=0; i<DIL; i++){DIS=DI[ i ].style; DIS.position='absolute'; DIS.zIndex=32000; DIS.left=(Math.sin(R*x1+i*x2+x3)*x4+x5)+'px'; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+'px'}R++}setInterval('A()',5 ); void(0)

[+]  Vykreslování bezchybné (pokud nedojde k zahlcení CPU => pak se zablokuje)

[–]  Na některých webech nevzniká jediný "had" z obrázků. To by zajistila jen výše uvedená procedura s pomocným DIV kontejnerem, BOHUŽEL některé obrázky při přesunu:  IMG.parentNode.removeChild(IMG); KontejnerDIV.appendChild(IMG);
ztratí vizuální obsah - nešlo by ho nějak obnovit ?