Modificar Imagem on hover
Enviado: 14 Ago 2012, 12:58
Olá pessoal do Fórum,
To querendo fazer algo bem simples aqui, só não sei se o melhor jeito é fazer em CSS ou Javascript!
Quero que quando a pessoa passe o mouse em cima de um produto (hover) aquele produto mostre outra imagem ( vamos supor um vestido, imagem normal mostra a frente, quando passar o mouse mostra as costas)
Eu sei CSS e estava tentando fazer desse modo, mas não sei qual caminho dar a URL das imagens, tinha visto algo assim (lembrando q "a img" esta em sytlesheet.css):
To querendo fazer algo bem simples aqui, só não sei se o melhor jeito é fazer em CSS ou Javascript!
Quero que quando a pessoa passe o mouse em cima de um produto (hover) aquele produto mostre outra imagem ( vamos supor um vestido, imagem normal mostra a frente, quando passar o mouse mostra as costas)
Eu sei CSS e estava tentando fazer desse modo, mas não sei qual caminho dar a URL das imagens, tinha visto algo assim (lembrando q "a img" esta em sytlesheet.css):
Código: Selecionar todos
Alguma dica ? Abraços!a img {
display: block;
width: 100px;
height: 20px;
background: transparent url(img.jpg) no-repeat;
}
a img:hover {
background-position: -100px 0;
}