Savjet: Neka slike Facebooka plutaju

Programiranje je fascinantan svijet u kojem nema granica, a kreativnošću, slobodnim vremenom i prije svega mnogim šalicama kave mogu se razviti impresivne stvari. Primjer za to je mogućnost postizanja zabave plutajući efekat sa Facebook slikama, na osnovu koda JavaScript, koji će nesumnjivo privući pažnju svakog korisnika koji ga vidi.

Ideja ovoga je da, na primjer, kada ste na svom profilu, zalijepite kôd u preglednik i odmah fotografija vašeg profila, naslovnica i ostale slike počnu plutati po vašem ekranu ... nema nikakve koristi , ali bit će jako zabavno pokazati svoje računarsko znanje 😉

Usuđujete li se isprobati? Lako je, čitajte dalje kako biste saznali kako to učiniti ispravno.

Efekat plutajućih slika na Facebooku

Za Mozilla Firefox

Korak 1.- Idite na bilo koji profil ili stranicu na kojoj očigledno postoji nekoliko slika.
Korak 2.- Otvorite alate za web programere (Ctrl + Shift + I) ili iz Meni> Programer> Web konzola (Ctrl + Shift + K).
Korak 3.- U konzolu zalijepite sljedeći kod i pritisnite 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.length; funkcija A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'apsolutno'; 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);

To je sve! Ako ste to učinili ispravno, odmah ćete primijetiti da će slike kliziti po ekranu, u ritmu 'plesa naprijed -natrag'.

Za Google Chrome

Korak 1.- Idite na bilo koji profil ili stranicu na kojoj se nalaze slike.
Korak 2.- U adresnu traku preglednika (višenamjenski okvir) zalijepite sljedeći kôd:

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; funkcija A () {for (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'apsolutno'; 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);

oko! prije nego pritisnete Enter, morate ručno upisati javascript: na početku kao što je prikazano u kodu, jer Chrome to neće prihvatiti ako ga izravno zalijepite.

Zar nije jasno? Pogledajte video 🙂







Da uzmemo u obzir:




  • Ovaj kod nije zlonamjeran
  • Neće oštetiti vaš računar niti hakovati vaš profil 😉
  • Ako razumijete matematiku i JavaScript, možete ih izmijeniti.
  • Da biste se vratili u normalu, ponovo učitajte stranicu (F5).
I tu dolazi trik, volio bih da podijelite, lajkujte ili +1 =)


Ostavite komentar

Vaša e-mail adresa neće biti objavljena. Obavezna polja su označena sa *

*

*

  1. Odgovoran za podatke: Actualidad Blog
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obavezi.
  5. Pohrana podataka: Baza podataka koju hostuje Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.