DANDO VIDA AS IMAGENS DO SEU SITE COM JAVASCRIPT

Postado por: Pedro Rogério em

Abra uma página qualquer, que contenha algumas imagens, e cole o código abaixo na barra de endereços e o execute:


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

O que esse código faz é pegar todo o conteúdo que está dentro da tag <img> e fazê-las ficar girando em funções trigonométricas em sua página.

Fonte: EstadoBeta.

Posts Relacionados

Confira também outros artigos interessantes postados aqui no blog.

Random Posts

Sobre Pedro Rogério

Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.

5 Responses to “DANDO VIDA AS IMAGENS DO SEU SITE COM JAVASCRIPT”

  1. Tente trocar a tag img pela tag div ou qualquer outra ;D muito legal o efeito ja tinha visto anteriormente.

    []’s

  2. Muito bacana este negócio!
    ;)

  3. jeferson

    gostei muito das suas dicas…pbns

  4. juca

    ola amei as dicas

Leave a Reply