Astuce : faire flotter les images Facebook

La programmation est un monde fascinant où il n'y a pas de limites, avec de la créativité, du temps libre et surtout de nombreuses tasses de café, des choses impressionnantes peuvent être développées. Un exemple de ceci est la possibilité de réaliser un plaisir effet flottant avec des images Facebook, basé sur un code JavaScript, qui attirera sans aucun doute l'attention de tout utilisateur qui le verra.

L'idée de ceci est qu'étant dans votre profil par exemple, vous collez un code dans le navigateur et immédiatement la photo de votre profil, couverture et les autres images commencent à flotter sur tout votre écran... ça ne sert à rien , mais ce sera très amusant de montrer vos compétences en informatique 😉

Oserez-vous l'essayer? C'est facile, lisez la suite pour voir comment le faire correctement.

Effet d'images flottantes sur Facebook

Pour Mozilla Firefox

Étape 1.- Accédez à n'importe quel profil ou page, où il y a évidemment plusieurs images.
Étape 2.- Ouvrez les outils de développement Web (Ctrl + Shift + I), ou à partir de Menu> Développeur> Console Web (Ctrl + Maj + K).
Étape 3.- Dans la console, collez le code suivant et appuyez sur Entrée.

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.longueur; fonction A () {pour (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolu'; DIS.gauche = (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); vide (0) ;

C'est tout! Si vous l'avez fait correctement, vous remarquerez instantanément que les images glisseront sur l'écran, au rythme d'un « aller-retour dansant ».

Pour Google Chrome

Étape 1.- Accédez à n'importe quel profil ou page contenant des images.
Étape 2.- Dans la barre d'adresse du navigateur (l'omnibox), collez le code suivant :

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.longueur; fonction A () {pour (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absolu'; DIS.gauche = (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); vide (0) ;

Eye! avant d'appuyer sur Entrée, vous devez saisir manuellement javascript : au début comme indiqué dans le code, car Chrome ne l'acceptera pas si vous le collez directement.

N'est-ce pas clair ? Regardez la vidéo







A prendre en compte:




  • Ce code n'est pas malveillant
  • Cela n'endommagera pas votre ordinateur et ne piratera pas votre profil 😉
  • Si vous comprenez les mathématiques et JavaScript, vous pouvez le modifier.
  • Pour revenir à la normale, rechargez la page (F5).
Et voici l'astuce, j'aimerais que vous partagiez, likez ou +1 =)


Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont marqués avec *

*

*

  1. Responsable des données: Blog Actualidad
  2. Finalité des données: Contrôle du SPAM, gestion des commentaires.
  3. Légitimation: votre consentement
  4. Communication des données: Les données ne seront pas communiquées à des tiers sauf obligation légale.
  5. Stockage des données: base de données hébergée par Occentus Networks (EU)
  6. Droits: à tout moment, vous pouvez limiter, récupérer et supprimer vos informations.