Fazer um link fazendo com que uma imagem mude também

[Marcus Marinho 0]

Pessoal,

Como eu posso fazer um link onde existe uma imagem do lado e ao passar o mouse, além de mudar a cor do link, mude a imagem tb ? Mudar a cor do link é tranquilo, eu já tenho pronto. O problema é que quero mudarr a imagem tb ao passar o mouse por cima do link. Eu até achei algo parecido no site do maujor, mas achei muito complexo para algo que não requer um código imenso.

 

alguem conhece algum tuto para isso ?

 

abraços e fico no aguardo.

[Marcus Marinho 0]

Mas eu coloco esse código aonde ?

No CSS ? O meu CSS é esse abaixo:

 

<style type="text/css">

<!--

 

/* PARA O LINK DA BARRA PRINCIPAL */

 

a.link:link {color: 000000; font-family: tahoma, helvetica, sans-serif; text-decoration: none; font-size: 15pt}

 

a.link:visited {color: 000000; font-family: tahoma, helvetica, sans-serif; text-decoration: none; font-size: 15pt}

 

a.link:active {color: #000000; font-family: tahoma, helvetica, sans-serif; text-decoration: none; font-size: 15pt}

 

a.link:hover {text-decoration: none; color: #ffffff}

 

abraços

[Marcus Marinho 0]

Isso.. as duas coisas ao mesmo tempo....

[Marcus Marinho 0]

Bom, irmão.. eu tentei o que você me mandou e dei certo em partes. Se eu coloco o codigo abaixo, não faz nda. Nem reconhece a imagens:

 

<a href="empresa.html" class="link" onmouseover="figura.src='Imagens\estrela_branca.gif'" onmouseout="figura.src='Imagens\estrela_branca.gif'">Empresa<img src= Imagens/estrela_cinza.gif" name="figura" border="0"></a>

Se eu coloco o seguinte código, ele aparece a imagem que quero inicialmente e quando eu passo o mouse por cima, a imagem some e aparece aquele quadrinho de imagem não existente:

 

<a href="empresa.html" class="link" onmouseover="figura.src='Imagens\estrela_branca.jpg'" onmouseout="figura.src='Imagens\estrela_branca.jpg'">Empresa<img src="Imagens/estrela_cinza.jpg" name="figura" border="0"></a>

E se eu coloco o codigo abaixo, nada acontece as imagens aparecem e permanecem, mas não muda:

 

<a href="empresa.html" class="link" onmouseover="figura.src='estrela_cinza.jpg'" onmouseout="figura.src='estrela_branca.jpg'">Empresa<img src="Imagens/estrela_cinza.jpg" name=" figura " border="0"></a>

 

Neste ultimo, o name= fica com um espaço entre o nome e as aspas. Se eu não deixo assim, fica a mesma coisa que o segundo caso qeu te passei.

 

Como posso resolver isso ?

 

abraços

[Marcus Marinho 0]

Fala ai...

 

Eu testei no IE mais recente....

 

Eu faço tudo no Front Page.... o 2003... Mas vou testar conforme você falou..

 

depois posto o results...

 

abraços

[Marcus Marinho 0]

Fala ai irmão...

Descobri o que tava dando de errado...

No caminho da imagem, eu tava colocando ela dentro de diretório... consegui fazer funcionar colocando ela na raiz aonde se econtra o HTML... mas quando parti pro segundo link. Não funciona nem por um decreto. A imagem é reconhecida, mas ela não muda. Muito etranho. Até fiz com CSS e imagens diferentes do primeiro link, mas não funciona.

 

O que pode estar acontecendo agora ?

 

abraços

[inforsis 1]

Marcus Marinho, Bom Dia!

É possivel para você postar um link para o pessoal acompanhar melhor o que você fez nesse ultimo momento?

Estamos no aguardo.

 

Até Mais. http://forum.imasters.com.br/public/style_emoticons/default/natal_wink.gif

[Marcus Marinho 0]

Vou tentar... tenho um site onde posso colocar... até de noite, eu dou uma resposta !

 

 

abraços

[Marcus Marinho 0]

Galera.. perdao pela demora... mas ai vai o link:

 

http://m.domaindlx.com/marcusmarinho/esquerdo.html

 

abraços