Tip: Facebook-afbeeldingen laten zweven

Programmeren is een fascinerende wereld waar geen grenzen zijn, met creativiteit, vrije tijd en vooral veel kopjes koffie kunnen indrukwekkende dingen worden ontwikkeld. Een voorbeeld hiervan is de mogelijkheid om een ​​fun zwevend effect met Facebook-afbeeldingen, gebaseerd op een code JavaScript, die ongetwijfeld de aandacht zal trekken van elke gebruiker die het ziet.

Het idee hiervan is dat je bijvoorbeeld in je profiel een code in de browser plakt en onmiddellijk de foto van je profiel, omslag en de andere afbeeldingen over je hele scherm beginnen te zweven ... het heeft geen enkel nut , maar het zal heel leuk zijn om te pronken met je computervaardigheden 😉

Durf jij het aan om het te proberen? Het is gemakkelijk, lees verder om te zien hoe u het goed doet.

Zwevend afbeeldingeneffect op Facebook

Voor Mozilla Firefox:

Stap 1.- Ga naar een profiel of pagina, waar uiteraard meerdere afbeeldingen zijn.
Stap 2.- Open de tools voor webontwikkelaars (Ctrl + Shift + I), of vanuit Menu> Ontwikkelaar> Webconsole (Ctrl+Shift+K).
Stap 3.- Plak de volgende code in de console en druk op 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.lengte; functie A () {voor (i = 0; i-DIL; i ++) {DIS = DI [i] .stijl; DIS.positie = 'absoluut'; DIS.links = (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); nietig (0);

Dat is alles! Als je het goed hebt gedaan, merk je meteen dat de beelden over het scherm schuiven, op het ritme van een 'heen en weer dansen'.

Voor Google Chrome

Stap 1.- Ga naar een profiel of pagina met afbeeldingen.
Stap 2.- Plak de volgende code in de adresbalk van de browser (de omnibox):

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.lengte; functie A () {voor (i = 0; i-DIL; i ++) {DIS = DI [i] .stijl; DIS.positie = 'absoluut'; DIS.links = (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); nietig (0);

Kijk uit! voordat u op Enter drukt, moet u handmatig typen javascript: aan het begin, zoals weergegeven in de code, omdat Chrome het niet accepteert als u het rechtstreeks plakt.

Is het niet duidelijk? Bekijk de video







Om rekening mee te houden:




  • Deze code is niet kwaadaardig
  • Het zal je computer niet beschadigen of je profiel hacken 😉
  • Als u wiskunde en JavaScript begrijpt, kunt u deze aanpassen.
  • Om terug te keren naar normaal, laadt u de pagina opnieuw (F5).
En hier komt de truc, ik zou het leuk vinden als je het deelt, like of +1 =)


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Actualidad Blog
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.