Συμβουλή: Κάντε το Facebook Images Float

Vida Bytes

2 λεπτά

Ο προγραμματισμός είναι ένας συναρπαστικός κόσμος όπου δεν υπάρχουν όρια, με δημιουργικότητα, ελεύθερο χρόνο και κυρίως πολλά φλιτζάνια καφέ, μπορούν να αναπτυχθούν εντυπωσιακά πράγματα. Ένα παράδειγμα αυτού είναι η δυνατότητα επίτευξης μιας διασκέδασης αιωρούμενο εφέ με εικόνες Facebook, με βάση έναν κωδικό το JavaScript, που αναμφίβολα θα τραβήξει την προσοχή οποιουδήποτε χρήστη το δει.

Η ιδέα αυτού είναι ότι όντας στο προφίλ σας, για παράδειγμα, επικολλάτε έναν κωδικό στο πρόγραμμα περιήγησης και αμέσως η φωτογραφία του προφίλ σας, το εξώφυλλό σας και οι άλλες εικόνες αρχίζουν να αιωρούνται σε όλη την οθόνη σας... είναι άχρηστο, αλλά θα είναι πολύ διασκεδαστικό να επιδείξετε τις δεξιότητές σας στον υπολογιστή 😉

Τολμάς να το δοκιμάσεις; Είναι εύκολο, διαβάστε για να δείτε πώς να το κάνετε σωστά.

Εφέ αιωρούμενων εικόνων στο Facebook

Για Mozilla Firefox

Βήμα 1.- Μεταβείτε σε οποιοδήποτε προφίλ ή σελίδα, όπου προφανώς υπάρχουν πολλές εικόνες.
Βήμα 2.- Ανοίξτε τα εργαλεία προγραμματιστή ιστού (Ctrl+Shift+I) ή από Μενού > Προγραμματιστής > Κονσόλα Ιστού (Ctrl+Shift+K).
Βήμα 3.- Στην κονσόλα, επικολλήστε τον παρακάτω κωδικό και πατήστε 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.μήκος; συνάρτηση A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='απόλυτο'; 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);

Αυτό είναι όλο! Εάν το κάνατε σωστά, θα παρατηρήσετε αμέσως ότι οι εικόνες θα γλιστρήσουν στην οθόνη, στο ρυθμό μιας «χορευτικής ταλάντευσης».

Για το Google Chrome

Βήμα 1.- Μεταβείτε σε οποιοδήποτε προφίλ ή σελίδα όπου υπάρχουν εικόνες.
Βήμα 2.- Στη γραμμή διευθύνσεων του προγράμματος περιήγησης (το κύριο πλαίσιο), επικολλήστε τον ακόλουθο κώδικα:

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.μήκος; συνάρτηση A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position='απόλυτο'; 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);

Μάτι! πριν πατήσετε το Enter, θα χρειαστεί να πληκτρολογήσετε χειροκίνητα javascript: στην αρχή, όπως φαίνεται στον κώδικα, καθώς το Chrome δεν θα το δεχτεί αν το επικολλήσετε απευθείας.

Δεν είναι ξεκάθαρο; Δείτε το βίντεο 🙂







Να λάβει υπόψη:




  • Αυτός ο κωδικός δεν είναι κακόβουλος
  • Δεν θα βλάψει τον εξοπλισμό σας ούτε θα χακάρει το προφίλ σας 😉
  • Εάν κατανοείτε μαθηματικά και JavaScript, θα μπορείτε να το τροποποιήσετε.
  • Για να επιστρέψετε στο κανονικό, φορτώστε ξανά τη σελίδα (F5).
Και εδώ έρχεται το κόλπο, θα ήθελα πολύ να μοιραστείτε, να κάνετε like ή +1 =)


Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Πραγματικό ιστολόγιο
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.