mudar de imagem quando o cursor está em cima

[alexmestre]

Olá boa tarde.

Gostaria que me pudessem ajudar.

O problema é este:

tenho um site com imagens e quero que quando o cursor esteja sobre a imagem esta mude para outra

alguem me pode ajudar?

sff

Obrigado

[HappyHippyHippo]

ou usas javascript ou css ...

css :

tag:hover

javascript (jquery) :

$(...).hover(function () {}

[alexmestre]

é em css. mas nao estou a conseguir porque tenho isto

pagina html

 <a title="" href="iframe/V2 - Laranja/V2-Laranja.html"><img alt="" class="img" src="iframe/V2 - Laranja/images/foto alt 1 min 2.jpg"/></a>

pagina css

.img a:hover {
background:url(iframe/V2%20-%20Laranja/images/2011_10_19EOS%2060D4814.jpg);

}

[HappyHippyHippo]

estas a alterar a imagem de funco do tag a mas tens a imagem dentro da tag img dentro da tag a ...

retira a tag img e deixa a imagem como background da tag a

não é uma boa solução mas é a mais simples devido ao código que já tens

[alexmestre]

como assim??

<a title="" href="iframe/V2 - Laranja/V2-Laranja.html" class="a"></a>

a:hover {background:url(iframe/V2%20-%20Laranja/images/2011_10_19EOS%2060D4814.jpg);

}

Continua a nao dar =S

[pedrosorio]

http://www.quackit.com/css/properties/css_background.cfm

[GhostMaster]

o que precisas é um hoover.

[Etiqueta]

se o caminho da imagem que postas-te está correcto, deve ser algo do genero:

.img a:hover {
background-image:url("iframe/V2%20-%20Laranja/images/2011_10_19EOS%2060D4814.jpg");
}

[Etiqueta]

ou entao usar o id do div que queres que apareça a imagem quando o cursor estiver por cima

por exemplo:

<div id=pesquisa>(código que estás a usar)</div>

no css fazias:

#pesquisa a:hover {
background-image:url("iframe/V2%20-%20Laranja/images/2011_10_19EOS%2060D4814.jpg");
}

[rvercesi]

o css está errado:

img a:hover {}

não pode haver elementos "filho" de img dado que img é um elemento fechado em si próprio, tal como <br>, <hr>, etc.

deveria ser:

a:hover {}

eu usaria uma classe para separar o comportamento de outros links:

a.minhaclasse:hover {}

ou apenas

.minhaclasse:hover {}