Como substituir imagem

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

Resolvido Como substituir imagem

Mensagem por patamar16 em 05/03/11, 02:40 pm

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):
http://i61.servimg.com/u/f61/14/31/31/72/play10.png Estae a imagem.


Última edição por patamar16 em 06/03/11, 12:04 pm, editado 1 vez(es)
avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Como substituir imagem

Mensagem por Luciano98 em 05/03/11, 04:06 pm

Olá!

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

Até mais.
Luciano98.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Como substituir imagem

Mensagem por patamar16 em 06/03/11, 11:52 am

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

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.com

Resolvido Re: Como substituir imagem

Mensagem por patamar16 em 06/03/11, 12:03 pm

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>

avatar

patamar16
Nível 9

Masculino
Inscrito dia : 03/09/2009
Mensagens : 152
Pontos Ativos : 256

Ver perfil do usuário http://imperadores.forumeiro.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