Imagem muda ao clicar

18/08/2012

Á pedido de uma leitora, no post de hoje vou ensinar a fazer o efeito que eu usei neste teste, ou seja, a imagem muda ao clicar. Antes de começar o tutorial, quero dar os créditos ao blog Trechy Teen pelo código. Vamos ao tutorial:

Tumblr_lz6wngmkrk1qeeqaho1_500_large

- Copie o código abaixo e cole aonde você quer que a imagem apareça, substituindo as partes destacadas em roxo pelos links das imagens:

<img border="0" onclick="this.src='imagem2'" src="imagem1" />

Não tem o que explicar, só recomendo que as imagens tenham o mesmo tamanho, para não ficar estranho. Espero que tenham gostado do tutorial, esse efeito é ótimo para usar em testes!

 

13 comentários:

  1. Muito bom da até pra fazer um daqueles testes de imagens com esse tutorial =)

    Beijos♥

    carismaticaoficial.blogspot.com

    ResponderExcluir
  2. amei *-* tava querendo saber como se faz isso ! me ajudou muito !

    http://this-is-m-e.blogspot.com.br/

    ResponderExcluir
  3. Nossa muito legal esse tutu , e bem simples e útil parabéns liiindona :)))


    http://simplesmenteassimj.blogspot.com.br/

    ResponderExcluir
  4. nossa amei o tuto ^^
    s2hay.blogspot.com

    ResponderExcluir
  5. Oi flor !
    Que lindo o seu blog :)
    Bom , Adorei o Tutorial :D
    Tenho certeza que muita gente vai usá-lo ^^
    Estou seguindo seu blog para não esquecer dele .
    Fique com Deus , beijinhos :*
    WWW.NEWROMANCE.TK

    ResponderExcluir
  6. Adorei o tutorial, alem de ser bem útil principalmente para quem faz testes! Arrasou! Seguindo ^^
    http://vocepodeserumadiva.blogspot.com.br/

    ResponderExcluir
  7. Esse tutorial é ótimo, tinha visto no Trechy teen, é super interessante na hora de criar um post de comportamento ou coisa do tipo. :)

    ResponderExcluir
  8. Eu já usei esse tuto em um lay meu e acho super legal!!
    -->Para ir até meu blog,clique no meu perfil!
    @JuliaRocha__
    Beijos

    ResponderExcluir
  9. Muito legal, já fazia um tempo que eu estava procurando como fazer isso.

    http://pinkebranco.blogspot.com.br/

    ResponderExcluir
  10. Stéfani respondi sua pergunta, confere lá e vê se chegou, espero que tenha gostado. >.<

    ResponderExcluir
  11. ADOREI E FICANDO NO SEU BLOG


    www.superpresumida.com

    ResponderExcluir
  12. Gente eu adorei, super legal e criativo.. ótimo pra criar testes <3


    www.estiloatrevidos.com

    ResponderExcluir