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

Atendido / 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 2:45

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
Cold_100

Cold_100
Nível 5

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

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

Atendido / 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 3:58

Qual código eu posso usar para modificar a foto quando passar o mouse por ela? Logo
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 https://ajuda.forumeiros.com/t21619-

Atenciosamente. Piscada
Anonymous

Convidad
Convidado


Atendido / 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 13:10

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
Zattch

Zattch
Nível 7

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

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

Atendido / 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 0:52

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?
Cold_100

Cold_100
Nível 5

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

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

Atendido / 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 3:04

Olá,

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

Até mais Café
King Gz;

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/

Atendido / 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 5:55

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>
Edude1

Edude1
Nível 7

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

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

Atendido / 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 16:46

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

Cold_100
Nível 5

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

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

Atendido / 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 17:59

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
Edude1

Edude1
Nível 7

Masculino
Inscrito dia : 08/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


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