Tip: Gawing Lumutang ang Mga Larawan sa Facebook

Ang Programming ay isang kamangha-manghang mundo kung saan walang mga limitasyon, na may pagkamalikhain, libreng oras at higit sa lahat ng mga tasa ng kape, ang mga kamangha-manghang bagay ay maaaring mabuo. Ang isang halimbawa nito ay ang posibilidad na makamit ang isang kasiyahan lumulutang na epekto sa mga larawan sa Facebook, batay sa isang code JavaScript, na walang alinlangan na makaakit ng pansin ng sinumang gumagamit na makakakita nito.

Ang ideya nito ay ang pagiging nasa iyong profile halimbawa, nag-paste ka ng isang code sa browser at kaagad ang larawan ng iyong profile, takip at ang iba pang mga imahe ay nagsisimulang lumutang sa buong iyong screen ... wala itong silbi , ngunit magiging napakasayang ipakita ang iyong mga kasanayan sa computer 😉

Naglakas-loob ka bang subukan ito? Ito ay madali, basahin upang makita kung paano ito gawin nang tama.

Lumulutang na mga epekto ng larawan sa Facebook

Para sa Mozilla Firefox

Hakbang 1.- Pumunta sa anumang profile o pahina, kung saan malinaw na maraming mga imahe.
Hakbang 2.- Buksan ang mga tool sa Web Developer (Ctrl + Shift + I), o mula Menu> Developer> Web console (Ctrl + Shift + K).
Hakbang 3.- Sa console i-paste ang sumusunod na code at pindutin ang 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.getE ElementByTagName ("img"); DIL = DI. haba; pagpapaandar A () {para sa (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); walang bisa (0);

Yun lang! Kung nagawa mo ito nang tama, agad mong mapapansin na ang mga imahe ay dadulas sa screen, sa ritmo ng isang 'pagsasayaw pabalik-balik'.

Para sa Google Chrome

Hakbang 1.- Pumunta sa anumang profile o pahina kung saan may mga imahe.
Hakbang 2.- Sa address bar ng browser (ang omnibox), i-paste ang sumusunod na code:

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.getE ElementByTagName ("img"); DIL = DI. haba; pagpapaandar A () {para sa (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); walang bisa (0);

mata! bago pindutin ang Enter, dapat mong manu-manong mag-type javascript: sa simula tulad ng ipinakita sa code, dahil hindi ito tatanggapin ng Chrome kung idikit mo ito nang direkta.

Hindi ba naging malinaw? Panoorin ang video 🙂







Upang isaalang-alang:




  • Ang code na ito ay hindi nakakahamak
  • Hindi ito makakasira sa iyong computer o magta-hack ng iyong profile 😉
  • Kung naiintindihan mo ang matematika at JavaScript maaari mo itong baguhin.
  • Upang bumalik sa normal, i-reload ang pahina (F5).
At narito ang trick, gusto kita ibahagi, gusto o +1 =)


Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: Actualidad Blog
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.