Truc: Fes que les imatges de Facebook surin

La programació és un fascinant món on no hi ha límits, amb creativitat, temps lliure i sobretot moltes tasses de cafè, es poden desenvolupar coses impressionants. Un exemple d'això és la possibilitat d'aconseguir un divertit efecte flotant amb les imatges de Facebook, Basat en un codi JavaScript, El qual sens dubte cridarà l'atenció de qualsevol usuari que ho vegi.

La idea d'això és que estant al teu perfil per exemple, peguis un codi en el navegador i immediatament la foto del teu perfil, portada i les altres imatges comencin a surar per tota la pantalla ... no té cap utilitat, però resultarà molt divertit per presumir de les teves habilitats informàtiques 😉

T'animes a provar-ho? És fàcil, segueix llegint per veure com fer-ho correctament.

Efecte d'imatges flotants a Facebook

Per Mozilla Firefox

Pas 1.- Vés a qualsevol perfil o pàgina, on òbviament hagin diverses imatges.
Pas 2.- Obre les eines de l'Desenvolupador web (Ctrl + Maj + I), o bé des Menú> Desenvolupador> Consola web (Ctrl + Maj + K).
Pas 3.- A la consola pega el següent codi i pressiona Enter.

javascript: R = 0; x1 = 1; y1 = .05; x2 = .25; y2 = .24; x3 = 1.6; i3 = .24; x4 = 300; i4 = 200; x5 = 300; i5 = 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) * i4 + i5) + »px»} R ++} setInterval ( 'A ()', 5); void (0);

Això és tot! si ho vas fer correctament, a l'instant notaràs que les imatges es lliscaran per tota la pantalla, a el ritme d'un 'vaivé dansaire'.

Per a Google Chrome

Pas 1.- Dirigeix-te a qualsevol perfil o pàgina on hagin imatges.
Pas 2.- A la barra d'adreces de navegador (la barra d'adreces), pega el següent codi:

javascript:R = 0; x1 = 1; y1 = .05; x2 = .25; y2 = .24; x3 = 1.6; i3 = .24; x4 = 300; i4 = 200; x5 = 300; i5 = 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) * i4 + i5) + »px»} R ++} setInterval ( 'A ()', 5); void (0);

Ull! abans de prémer Enter, hauràs d'escriure manualment javascript: a del principi com es mostra en el codi, ja que Chrome no ho acceptarà si ho pegues directament.

No ha quedat clar? Mira el vídeo 🙂







A prendre en compte:




  • Aquest codi no és maliciós
  • No farà malbé el teu equip ni hackeará teu perfil 😉
  • Si entens de matemàtiques i JavaScript podràs modificar-lo.
  • Per tornar a la normalitat, recarrega la pàgina (F5).
I fins aquí arriba el truc, m'encantaria que comparteixis, des like o +1 =)


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Actualitat Bloc
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.