Como substituir imagem

2 participantes

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

Tópico resolvido Como substituir imagem

Mensagem por patamar16 05.03.11 17:40

Qual é sua questão:
Ola, Eu vi em varios forum um efeito no menu ,sem ser akele efeito hover de opacidade, e sim de subtituição de imagem, tipo quando passa por cima a imagem subistiiu por uma maior, ou substituida por outra imagem...
eu acho que isso e CSS, Mais nao queria usar no meu menu, E sim na descrição do meu site, No meu site tem um Botao ''PLAY'' eu queria que quando passar o mouse, ela aumentasse um pouco ou substituisse por uma outra imagem de outra cor, ou coisa parecida, como um efeito de flash, Mais flash e um pouco mais complicado criar.
Quem souber como eu Introduzo um Codigo CSS junto com um Html e que fassa este efeito funcionar agradeço ^^

Meu forum: http://imperadores.forumeiro.com
(E akela imagem que fica na descrição ''Play'' Para a pessoa Jogar o Jogo la.)
vlw ae.

Que medidas você tomou para corrigir o problema:
Varias de CSs mais nenhum deu muito certo, e nao tenho mais os codigos pq eu so texto e depois descarto.

Apresente-nos imagens do problema (se necessário):
https://i.servimg.com/u/f61/14/31/31/72/play10.png Estae a imagem.


Última edição por patamar16 em 06.03.11 15:04, editado 1 vez(es)
patamar16

patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Como substituir imagem

Mensagem por Luciano98 05.03.11 19:06

Olá!

Substitua o código HTML da imagem por esse:
<style>#imagemgrande:hover{height:10%}</style><img src="https://i.servimg.com/u/f61/14/31/31/72/play10.png" id=imagemgrande>

Até mais.
Luciano98.
Luciano98

Luciano98
Membro Entusiasta
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como substituir imagem

Mensagem por patamar16 06.03.11 14:52

Nao deu certo, Nao aconteceu efeito nenhum. Mais tipo, tem como fazer um efeito de mudar a imagem, nao aumentar? Tipo um Rollover.
vlw
patamar16

patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como substituir imagem

Mensagem por patamar16 06.03.11 15:03

Obrigado Pelo esforço ja consegui o codigo na net.
Quem quizer ultilizar tambem:

Código:
<script language=javascript>
  iluminada = new Image(84,34)
  iluminada.src = "http://i61.servimg.com/u/f61/14/31/31/72/play10.png"
  apagada = new Image(84,34)
  apagada.src = "http://i61.servimg.com/u/f61/14/31/31/72/a10.png"
</script>
<a href="http://imperadores.tk"
onmouseover="window.document['imagem1'].src = iluminada.src"
onmouseout="window.document['imagem1'].src = apagada.src">
<img src="http://i61.servimg.com/u/f61/14/31/31/72/play10.png" border=0 name="imagem1" width=84 height=34>
</a>

patamar16

patamar16
***

Membro desde : 03/09/2009
Mensagens : 152
Pontos : 256

http://imperadores.forumeiro.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