[Resolvido] Efeito hover

[Vinnyy 1]

Ola, eu estou com uma duvida que eu não consigui resolver. eu estou criando um site e queria um efeito que eu vi em um site só que eu n consigo fazer de jeito nenhum, o efeito é quando você passa o mouse em cima da imagem de um cd do site e ele vem uma mensaginha vermelha dizendo assim "click here to lear more" eu queria este js alguem de vocês podem me ajudar???? brigadao.

 

OBS: Site do efeito AQUI

[Ismaeldm 5]

Ola, eu estou com uma duvida que eu não consigui resolver. eu estou criando um site e queria um efeito que eu vi em um site só que eu n consigo fazer de jeito nenhum, o efeito é quando você passa o mouse em cima da imagem de um cd do site e ele vem uma mensaginha vermelha dizendo assim "click here to lear more" eu queria este js alguem de vocês podem me ajudar???? brigadao.

 

OBS: Site do efeito AQUI

 

hum... se eu fosse fazer algo desta maneira, eu faria algo assim...

 

<div class="conteudo">
 <img />
 <div class="mensagem"></div>
</div>

 

Perceba que temos uma DIV principal, que dentro dela possui a imagem e a tal mensagem, digamos que a imagem tenha 200px de altura, e que a mensagem tenha 100px, então na DIV principal iremos colocar um max-height de 200px, com overflow hidden...

Se formos testar, veremos que somente a img está visivel, embora que a mensagem esteja la...

Na parte do js, iria criar uma animação (com JQuery) que ao colocar o mouse sobre a img, a mensagem suba 150px para cima (para ficar centralizada)

Se não conseguir fazer o código, só fala que eu te ajudo :)

boa sorte

[Vinnyy 1]

VLW LGBT ajudou MUITO!