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

4 participantes

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

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

Mensagem por Cold_100 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
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Convidad 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


Ir para o topo Ir para baixo

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

Mensagem por Zattch 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
**

Membro desde : 19/03/2011
Mensagens : 97
Pontos : 139

http://i-webnet.foruns.com.pt

Ir para o topo Ir para baixo

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

Mensagem por Cold_100 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
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por King Gz; 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;
Super Membro

Membro desde : 20/11/2011
Mensagens : 1827
Pontos : 2487

http://www.gamezerbrasil.com/

Ir para o topo Ir para baixo

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

Mensagem por Edude1 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
**

Membro desde : 08/12/2011
Mensagens : 92
Pontos : 114

http://meulivro.forumsomeu.com

Ir para o topo Ir para baixo

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

Mensagem por Cold_100 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
*

Membro desde : 17/12/2011
Mensagens : 40
Pontos : 62

http://legilimensrpg.forumeiros.com

Ir para o topo Ir para baixo

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

Mensagem por Edude1 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
**

Membro desde : 08/12/2011
Mensagens : 92
Pontos : 114

http://meulivro.forumsomeu.com

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos