Código de imagem animada (Imagem em movimento)


Imagens animadas e que se movimentam (são duas coisas diferentes), chamam bastante a atenção das pessoas, quando utilizadas da maneira correta, nos lugares corretos. Muita "coisinha" animada também não dá certo, não é? Existem blogs que, quando você acessa, demora 5 minutos para carregar devido a quantidade de imagens em .gif, fazendo assim com que o seu visitante vá embora e não volta nunca mais. Agora, usar moderadamente estas imagens, deixa seu blog mais bacana, animado e interativo.

Hoje vou ensinar a vocês a como fazer a imagem "se mexer" de um canto até o outro, parecendo Mário quando você está lutando contra o Bowser e passa de um lado da tela para o outro!

Lembranças a parte, vamos ao código.
<marquee direction="left" onmouseout="this.start();" onmouseover="this.stop();" scrollamount="5"><a href="http://www.redeseblogger.com" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyGLdylvw_A-J92KWgc4RnUwpndMwXvLiK6_Cy8hleqURj45zk9sTKlQ1JO1mjyi8fX29kL2wfuhjcxZb5DDTjWny9H8T7zBI0ae4Gw4WX4mFWg_0MX9AKo3IcyBzyw5xkTnEEfevMHBI7/" /></a></marquee>

Em laranja é a posição da imagem.
Left: Faz ela ir para a esquerda.
Right: Faz ela ir para a direita.
Up: Faz ela ir para cima.
Down: Faz ela ir para baixo.

O número 5 em negrito, indica a velocidade na qual a imagem irá passar. Por favor não aumente muito, se não, quando a pessoa for ver a foto, ficará meia louca. A média é entre 5 e 20.

Onde está em azul é o link para o site que você deseja que a imagem seja apontada.
Em vermelho é URL da imagem.

O resultado será este:


Dica aí a dica para todos. Espero que possa ajudar você! :)

5 comentários:

  1. Muito bom o blog, traz excelentes dicas para incrementar o blog..

    Meus parabéns

    Marcio RJ

    ResponderExcluir
  2. Utilizei seu código e fiz mais, postei banners de parceiros do meu blog para que ficassem em movimento, só que ao acessar o blog pelo Internet explorer, percebi que os banner's não se movimentavam, só um deles que na verdade não era banner, era só uma figura.

    Pode me explicar se há algo à fazer?

    O endereço é http://eccassuncao.blogspot.com/

    ResponderExcluir
  3. @Ecc-Assunção / Barbacena Faça o seguinte:

    ATUALIZE SEU NAVEGADOR!

    O Internet Explorer limita muita coisa, portanto, vários códigos não farão efeito algum quando usado o Internet Explorer.

    Faça o download do Google Chrome ;)

    Abraços!

    ResponderExcluir
  4. @Wilamis1


    Agradeço sua atenção Wilamis1, acho que vou inserir no blog aquela frase que a cada dia fica mais conhecida:

    "Esse blog é melhor visualizado pelo MOZZILA FIREFOX."

    Valeu.

    ResponderExcluir

Visualizações dinâmicas

Arquivo do blog

Estamos aqui também

Copyright© 2010 - 2013 - Redes e Blogger - Todos os direitos reservados.

Redes e Blogger é orgulhosamente desenvolvido com Blogger


Termos de uso | Política de Privacidade | Mapa do blog

Template by Dicas Blogger | Modified by Wilamis Rogério