Tipp: Lassen Sie Facebook-Bilder schweben

Programmieren ist eine faszinierende Welt, der keine Grenzen gesetzt sind, mit Kreativität, Freizeit und vor allem vielen Tassen Kaffee lassen sich beeindruckende Dinge entwickeln. Ein Beispiel dafür ist die Möglichkeit, einen Spaß zu erreichen Schwebender Effekt mit Facebook-Bildern, basierend auf einem Code JavaScript, die zweifellos die Aufmerksamkeit jedes Benutzers auf sich ziehen wird, der sie sieht.

Die Idee dahinter ist, dass Sie beispielsweise in Ihrem Profil einen Code in den Browser einfügen und sofort das Foto Ihres Profils, Covers und der anderen Bilder über Ihren Bildschirm schweben ... es hat überhaupt keinen Zweck , aber es wird sehr viel Spaß machen, deine Computerkenntnisse zu zeigen 😉

Trauen Sie sich, es zu versuchen? Es ist ganz einfach, lesen Sie weiter, um zu sehen, wie Sie es richtig machen.

Schwebender Bildereffekt auf Facebook

Für Mozilla Firefox

Schritt 1.- Gehen Sie zu einem Profil oder einer Seite, auf der offensichtlich mehrere Bilder vorhanden sind.
Schritt 2.- Öffnen Sie die Web Developer Tools (Strg + Umschalt + I) oder von Menü> Entwickler> Webkonsole (Strg + Umschalt + K).
Schritt 3.- Fügen Sie in der Konsole den folgenden Code ein und drücken Sie die Eingabetaste.

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änge; Funktion A () {für (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolut'; 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); ungültig (0);

Das ist alles! Wenn Sie es richtig gemacht haben, werden Sie sofort bemerken, dass die Bilder im Rhythmus eines "Vor- und Zurücktanzens" über den Bildschirm gleiten.

Für Google Chrome

Schritt 1.- Gehen Sie zu einem Profil oder einer Seite, auf der Bilder vorhanden sind.
Schritt 2.- Fügen Sie in der Adressleiste des Browsers (der Omnibox) den folgenden Code ein:

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änge; Funktion A () {für (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolut'; 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); ungültig (0);

Eye! Bevor Sie die Eingabetaste drücken, müssen Sie manuell eingeben Javascript: am Anfang wie im Code gezeigt, da Chrome es nicht akzeptiert, wenn Sie es direkt einfügen.

Ist es nicht klar? Schau dir das Video an 🙂







Berücksichtigen:




  • Dieser Code ist nicht bösartig
  • Es wird Ihren Computer nicht beschädigen oder Ihr Profil hacken 😉
  • Wenn Sie Mathematik und JavaScript verstehen, können Sie es ändern.
  • Um zum Normalzustand zurückzukehren, laden Sie die Seite neu (F5).
Und hier kommt der Trick, den ich gerne teilen würde, liken oder +1 =)


Hinterlasse einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert mit *

*

*

  1. Verantwortlich für die Daten: Actualidad Blog
  2. Zweck der Daten: Kontrolle von SPAM, Kommentarverwaltung.
  3. Legitimation: Ihre Zustimmung
  4. Übermittlung der Daten: Die Daten werden nur durch gesetzliche Verpflichtung an Dritte weitergegeben.
  5. Datenspeicherung: Von Occentus Networks (EU) gehostete Datenbank
  6. Rechte: Sie können Ihre Informationen jederzeit einschränken, wiederherstellen und löschen.