Tip: Få Facebook -billeder til at flyde

Programmering er en fascinerende verden, hvor der ikke er grænser, med kreativitet, fritid og frem for alt mange kopper kaffe kan imponerende ting udvikles. Et eksempel på dette er muligheden for at opnå en sjov flydende effekt med Facebook -billeder, baseret på en kode JavaScript, hvilket utvivlsomt vil tiltrække sig opmærksomhed fra enhver bruger, der ser det.

Ideen med dette er, at for eksempel i din profil, indsætter du en kode i browseren, og straks begynder fotoet af din profil, omslag og de andre billeder at flyde over hele din skærm ... det nytter ikke noget , men det vil være meget sjovt at vise frem dine computerfærdigheder 😉

Tør du prøve det? Det er let, læs videre for at se, hvordan du gør det rigtigt.

Flydende billeder effekt på Facebook

Til Mozilla Firefox

Trin 1.- Gå til enhver profil eller side, hvor der naturligvis er flere billeder.
Trin 2.- Åbn webudviklerværktøjerne (Ctrl + Shift + I), eller fra Menu> Udvikler> Webkonsol (Ctrl + Shift + K).
Trin 3.- Indsæt følgende kode i konsollen, og tryk på 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. Længde; funktion A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolut'; 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); tomrum (0);

Det er alt! Hvis du gjorde det korrekt, vil du øjeblikkeligt bemærke, at billederne vil glide hen over skærmen til rytmen af ​​en 'dans frem og tilbage'.

Til Google Chrome

Trin 1.- Gå til enhver profil eller side, hvor der er billeder.
Trin 2.- Indsæt følgende kode i browserens adresselinje (omniboksen):

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. Længde; funktion A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolut'; 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); tomrum (0);

Watch out! Inden du trykker på Enter, skal du skrive manuelt javascript: i begyndelsen som vist i koden, da Chrome ikke accepterer det, hvis du indsætter det direkte.

Er det ikke klart? Se videoen 🙂







At tage hensyn til:




  • Denne kode er ikke ondsindet
  • Det vil ikke beskadige din computer eller hacke din profil 😉
  • Hvis du forstår matematik og JavaScript, kan du ændre det.
  • For at vende tilbage til det normale skal du genindlæse siden (F5).
Og her kommer tricket, jeg vil elske dig til at dele, like eller +1 =)


Efterlad din kommentar

Din e-mailadresse vil ikke blive offentliggjort. Obligatoriske felter er markeret med *

*

*

  1. Ansvarlig for dataene: Actualidad Blog
  2. Formålet med dataene: Control SPAM, management af kommentarer.
  3. Legitimering: Dit samtykke
  4. Kommunikation af dataene: Dataene vil ikke blive kommunikeret til tredjemand, undtagen ved juridisk forpligtelse.
  5. Datalagring: Database hostet af Occentus Networks (EU)
  6. Rettigheder: Du kan til enhver tid begrænse, gendanne og slette dine oplysninger.