Come far “danzare” le immagini in ogni pagina web, al volo

Andrea Guida (@naqern)

15 Set 2008

Delle piccole-grandi magie che gli javascript riescono ad apportare al mondo del web, pur essendo dei geek incalliti, non smetteremo mai di stupirci.

Infatti, anche se siamo ormai abituati ai complessi, utilissimi script per Greasemonkey in Mozilla Firefox, nonché a tutti quegli script – più o meno utili – adottabili in varie piattaforme di blogging, non disprezziamo certo qualche piccolo “giochetto” effettuabile in qualsiasi browser. Così, al volo.

Ecco perché, oggi, vogliamo presentarvi un simpaticissimo metodo per far “danzare” le immagini in ogni pagina web. Non occorre alcuna estensione o browser particolare: basta solo inserire quanto segue nella barra degli indirizzi del navigatore e premere il tasto Invio:

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.getElementsByTagName("img"); 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)+ "px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+" px"}R++}setInterval( 'A()',5); void(0);

Carino come effetto, vero?

Se desiderate avere questo piccolo trucchetto sempre a portata di mouse, vi ricordiamo che è possibile creare un segnalibro che punta proprio al codice appena visto insieme, ed utilizzarlo poi nelle pagine web che si vogliono rendere protagoniste di questa simpatica “magia”.

Ed allora, che aspettate a stupire i vostri amici facendo “danzare” le immagini in ogni pagina web, al volo?