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?
#1un_passante
cambiano alcuni valori nel codice si aumenta la velocità…
#2imagination
qualcuno è riuscito a farlo?
#3joshg
ma che figata! molto carino, grazie
#4Andrea Guida (Naqern)
@ joshg: grazie a te 😉
ciao!
#5zeff
Prima riga:
ma non si dice ” i javascript” ,invece di “gli javascript”?
#6Andrea Guida (Naqern)
@ zeff: sarebbe “gli script in java” 😉
ciao
#7zeff
Andrea Guida (Naqern) dice:
Ok, capito 😉
#8imagination
ah ecco…nn avevo copiato tutto il codice
#9The_Time
Davvero un bell’effetto! 🙂 Grazie!
#10Andrea Guida (Naqern)
@ The_Time: grazie a te 😉
ciao!
#11MadDrummer
Andrea Guida (Naqern) dice:
peccato che java e javascript non centrino una mazza uno con l’altro…