Dica: faça as imagens do Facebook flutuarem

A programação é um mundo fascinante onde não há limites, com criatividade, tempo livre e, acima de tudo, muitas xícaras de café, coisas impressionantes podem ser desenvolvidas. Um exemplo disso é a possibilidade de alcançar uma diversão efeito flutuante com imagens do Facebook, com base em um código JavaScript, o que sem dúvida atrairá a atenção de qualquer usuário que o vir.

A ideia disso é que estando no seu perfil por exemplo, você cola um código no navegador e imediatamente a foto do seu perfil, capa e as demais imagens começam a flutuar na sua tela ... não adianta de nada , mas será muito divertido mostrar suas habilidades com o computador 😉

Você tem coragem de tentar? É fácil, continue lendo para ver como fazer isso da maneira certa.

Efeito de imagens flutuantes no Facebook

Para Mozila Firefox

Passo 1.- Vá a qualquer perfil ou página, onde obviamente existem várias imagens.
Passo 2.- Abra as ferramentas do Web Developer (Ctrl + Shift + I), ou a partir de Menu> Desenvolvedor> Console da web (Ctrl + Shift + K).
Passo 3.- No console, cole o seguinte código e pressione 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; função A () {para (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absoluto'; DIS.esquerdo = (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); vazio (0);

Isso é tudo! Se você fez isso corretamente, irá notar instantaneamente que as imagens irão deslizar pela tela, ao ritmo de uma 'dança para frente e para trás'.

Para google chrome

Passo 1.- Vá a qualquer perfil ou página onde existam imagens.
Passo 2.- Na barra de endereço do navegador (omnibox), cole o seguinte 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; função A () {para (i = 0; i-DIL; i ++) {DIS = DI [i] .style; DIS.position = 'absoluto'; DIS.esquerdo = (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); vazio (0);

¡Ojo! antes de pressionar Enter, você deve digitar manualmente javascript: no início, conforme mostrado no código, pois o Chrome não o aceitará se você colá-lo diretamente.

Não está claro? Assista ao vídeo 🙂







Para levar em conta:




  • Este código não é malicioso
  • Isso não danificará seu computador ou hackeará seu perfil 😉
  • Se você entende de matemática e JavaScript, pode modificá-los.
  • Para voltar ao normal, recarregue a página (F5).
E aí vem o truque, eu adoraria que você compartilhasse, curtir ou +1 =)


Deixe um comentário

Seu endereço de email não será publicado. Campos obrigatórios são marcados com *

*

*

  1. Responsável pelos dados: Blog da Actualidad
  2. Finalidade dos dados: Controle de SPAM, gerenciamento de comentários.
  3. Legitimação: Seu consentimento
  4. Comunicação de dados: Os dados não serão comunicados a terceiros, exceto por obrigação legal.
  5. Armazenamento de dados: banco de dados hospedado pela Occentus Networks (UE)
  6. Direitos: A qualquer momento você pode limitar, recuperar e excluir suas informações.