Truco: Haz que las imágenes de Facebook floten

La programación es un fascinante mundo donde no existen límites, con creatividad, tiempo libre y sobre todo muchas tazas de café, se pueden desarrollar cosas impresionantes. Un ejemplo de ello es la posibilidad de lograr un divertido efecto flotante con las imágenes de Facebook, basado en un código JavaScript, el cual sin duda alguna llamará la atención de cualquier usuario que lo vea.

La idea de esto es que estando en tu perfil por ejemplo, pegues un código en el navegador y de inmediato la foto de tu perfil, portada y las otras imágenes empiecen a flotar por toda tu pantalla… no tiene utilidad alguna, pero resultará muy divertido para presumir de tus habilidades informáticas 😉

¿Te animas a probarlo? Es fácil, sigue leyendo para ver cómo hacerlo correctamente.

Efecto de imágenes flotantes en Facebook

Para Mozilla Firefox

Paso 1.- Ve a cualquier perfil o página, donde obviamente hayan varias imágenes.
Paso 2.- Abre las herramientas del Desarrollador web (Ctrl+Mayús+I), o bien desde Menú > Desarrollador > Consola web (Ctrl+Mayús+K).
Paso 3.- En la consola pega el siguiente código y presiona 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; function A(){for(i=0; i-DIL; i++){DIS=DI[ i ].style; DIS.position=’absolute’; 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);

¡Eso es todo! si lo hiciste correctamente, al instante notarás que las imágenes se deslizarán por toda la pantalla, al ritmo de un ‘vaivén danzante’.

Para Google Chrome

Paso 1.- Dirígete a cualquier perfil o página donde hayan imágenes.
Paso 2.- En la barra de direcciones del navegador (la omnibox), pega el siguiente código:

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

¡Ojo! antes de pulsar Enter, deberás escribir manualmente javascript: al principio como se muestra en el código, pues Chrome no lo aceptará si lo pegas directamente.

¿No ha quedado claro? Mira el video 🙂







A tomar en cuenta:




  • Este código no es malicioso
  • No dañará tu equipo ni hackeará tu perfil 😉
  • Si entiendes de matemáticas y JavaScript podrás modificarlo.
  • Para volver a la normalidad, recarga la página (F5).
Y hasta aquí llega el truco, me encantaría que compartas, des like o +1 =)


Deja tu comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*

*

  1. Responsable de los datos: Actualidad Blog
  2. Finalidad de los datos: Controlar el SPAM, gestión de comentarios.
  3. Legitimación: Tu consentimiento
  4. Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu información.