Come far “danzare” le immagini in ogni pagina web, al volo
Di Andrea Guida (Naqern), in Tips/Trick, javascript.
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?
12 Commenti
Scritto da Andrea Guida (Naqern)
cambiano alcuni valori nel codice si aumenta la velocità…
qualcuno è riuscito a farlo?
ah ecco…nn avevo copiato tutto il codice
ma che figata! molto carino, grazie
@ joshg: grazie a te
ciao!
Prima riga:
ma non si dice ” i javascript” ,invece di “gli javascript”?
@ zeff: sarebbe “gli script in java”
ciao
Andrea Guida (Naqern) dice:
Ok, capito
Davvero un bell’effetto!
Grazie!
@ The_Time: grazie a te
ciao!
Andrea Guida (Naqern) dice:
peccato che java e javascript non centrino una mazza uno con l’altro…
[...] (…)Continua a leggere Come far “danzare” le immagini in ogni pagina web, al volo, su Geekis… [...]