Tips: Få Facebook -bilder til å flyte

Vida Bytes

2 minutter

Programmering er en fascinerende verden der det ikke er grenser, med kreativitet, fritid og fremfor alt mange kopper kaffe kan imponerende ting utvikles. Et eksempel på dette er muligheten for å oppnå en moro flytende effekt med Facebook -bilder, basert på en kode Javascript, som utvilsomt vil tiltrekke seg oppmerksomheten til enhver bruker som ser den.

Ideen med dette er at når du for eksempel er på profilen din, limer du inn en kode i nettleseren og umiddelbart begynner profilbildet ditt, forsiden og andre bilder å flyte over hele skjermen... det har ingen nytte, men det blir veldig gøy å vise frem datakunnskapene dine 

Tør du prøve det? Det er enkelt, les videre for å se hvordan du gjør det riktig.

Flytende bilder effekt på Facebook

For Mozilla Firefox

Trinn 1.- Gå til en hvilken som helst profil eller side, hvor det åpenbart er flere bilder.
Trinn 2.- Åpne webutviklerverktøyene (Ctrl + Shift + I), eller fra Meny> Utvikler> Nettkonsoll (Ctrl + Shift + K).
Trinn 3.- Lim inn følgende kode i konsollen og trykk Enter.

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. Lengde; funksjon A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolutt'; DIS. venstre = (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); tomrom (0);

Det er alt! Hvis du gjorde det riktig, vil du umiddelbart legge merke til at bildene vil gli over skjermen, til rytmen til en "dans frem og tilbake".

For Google Chrome

Trinn 1.- Gå til en hvilken som helst profil eller side der det er bilder.
Trinn 2.- Lim inn følgende kode i adressefeltet i nettleseren (omnifeltet):

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. Lengde; funksjon A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolutt'; DIS. venstre = (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); tomrom (0);

Se opp! før du trykker Enter, må du skrive manuelt javascript: i begynnelsen som vist i koden, ettersom Chrome ikke godtar det hvis du limer det inn direkte.

Har det ikke vært klart? Se videoen 







For å ta hensyn til:




  • Denne koden er ikke skadelig
  • Det vil ikke skade enheten din eller hacke profilen din 
  • Hvis du forstår matematikk og JavaScript, kan du endre det.
  • For å gå tilbake til det normale, last inn siden på nytt (F5).
Og dette er trikset, jeg vil gjerne at du deler, liker eller +1 =)