Truco: Haz que las imágenes de Facebook floten

Por | 29/10/2014

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

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 =)

Autor: Marcelo Camacho

¡Hola! Soy estudiante de ingeniería informática, boliviano y blogger por diversión. Mi pasión las computadoras, la tecnología y el Internet :-)

Deja un comentario

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