Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Cold_100 em 20/12/11, 12:45 am

Qual é minha questão:
Gostaria de saber qual código eu posso usar para trocar uma foto quando passar o mouse por ela.

No caso, eu gostaria de colocar uma foto em preto e branco de uma pessoa, e quando passasse o mouse, ela ficaria colorida e quando clicasse iria até o perfil do mesmo.

Medidas que eu tomei para corrigir o problema:
Vir até vocês.

Imagens do meu problema:


Endereço do meu fórum:
http://legilimensrpg.forumeiros.com/

Versão do meu fórum:
PHPBB3
avatar

Cold_100
Nível 5

Masculino
Inscrito dia : 16/12/2011
Mensagens : 40
Pontos Ativos : 62

Ver perfil do usuário http://legilimensrpg.forumeiros.com

Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Convidad em 20/12/11, 01:58 am

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Olá,

Leia o tópico abaixo, ele trás o conteúdo que você deseja.

Seta http://ajuda.forumeiros.com/t21619-

Atenciosamente. Piscada

Convidad
Convidado


Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Zattch em 20/12/11, 11:10 am

qui está: <img src="ENDERECO_DA_IMAGEM_NORMAL" onmouseout="this.src='ENDERECO_DA_IMAGEM_NORMAL';" onmouseover="this.src='ENDERECO_DA_IMAGEM_AO_PASSAR_O_MOUSE';" />

Vermelho -> Deverá substituir onde estiver em vermelho pelo endereço da imagem que será carregada com a página e também o endereço da imagem que será exibida quando o ponteiro do mouse sair de cima dela.

Verde -> Substitua pelo endereço da imagem que será exibida quando o mouse estiver sobre ela. Somente tenha o cuidado de não colocar uma imagem muito pesada, pois para estas os internautas com conexão lenta irão demorar mais para carregar.

Ajuda? Abraços Zattch
avatar

Zattch
Nível 7

Masculino
Inscrito dia : 18/03/2011
Mensagens : 97
Pontos Ativos : 139

Ver perfil do usuário http://i-webnet.foruns.com.pt

Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Cold_100 em 20/12/11, 10:52 pm

Sim, deu certo, mas eu gostaria que quando passasse o mouse por cima, se clicasse fosse para um perfil. Como eu poderia fazer isso utilizando um código parecido com esse?
avatar

Cold_100
Nível 5

Masculino
Inscrito dia : 16/12/2011
Mensagens : 40
Pontos Ativos : 62

Ver perfil do usuário http://legilimensrpg.forumeiros.com

Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por King Gz; em 21/12/11, 01:04 am

Olá,

Me desculpe, mas não compriendi o que deseja saber, poderia explicar melhor sua questão?

Até mais Café
avatar

King Gz;
Membro do Fórum

Masculino
Inscrito dia : 20/11/2011
Mensagens : 1827
Pontos Ativos : 2486

Ver perfil do usuário http://www.gamezerbrasil.com/

Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Edude1 em 21/12/11, 03:55 am

Olá, poderá usar o mesmo código, apenas acrescentei a palavra "Veja o perfil", que quando clicado irá p/ o perfil configurado. É uma forma simples, porém eficiente! Abço

Código:
<center><img src="LINK DA IMAGEM COMUM" onmouseout="this.src='LINK DA IMAGEM APÓS PASSAR O MOUSE';" onmouseover="this.src='LINK DA IMAGEM APÓS PASSAR O MOUSE';" /></center><BR><center><a href="LINK DO PERFIL ENTRE AS ASPAS" target="_blank" >Veja o perfil </a></center>
avatar

Edude1
Nível 7

Masculino
Inscrito dia : 07/12/2011
Mensagens : 92
Pontos Ativos : 114

Ver perfil do usuário http://meulivro.forumsomeu.com

Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Cold_100 em 21/12/11, 02:46 pm

Olá, o código ficou bugado, mas não teria como fazer sem ter um texto, o link fosse a própria foto?
avatar

Cold_100
Nível 5

Masculino
Inscrito dia : 16/12/2011
Mensagens : 40
Pontos Ativos : 62

Ver perfil do usuário http://legilimensrpg.forumeiros.com

Resolvido Re: Qual código eu posso usar para modificar a foto quando passar o mouse por ela?

Mensagem por Edude1 em 21/12/11, 03:59 pm

Olá!

Então o código é esse:

Código:
<a href="LINK DO PERFIL ENTRE AS ASPAS" target="_blank" > <img src="LINK DA IMAGEM COMUM" onmouseout="this.src='LINK DA IMAGEM APÓS PASSAR O MOUSE';" onmouseover="this.src='LINK DA IMAGEM APÓS PASSAR O MOUSE';"/>

Testado e funcionando corretamente, veja acessando meu fórum e clicando em "SOBRE NÓS"

Abço
avatar

Edude1
Nível 7

Masculino
Inscrito dia : 07/12/2011
Mensagens : 92
Pontos Ativos : 114

Ver perfil do usuário http://meulivro.forumsomeu.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum