[Resolvido] Mostrar conteúdo ao passar mouse sobre imagem

[AndrewKs 0]

Olá pessoal, estou a um bom tempo procurando, procurando e não consigo achar a solução já tentei de tudo que foi jeito e nada...

O que eu quero é o seguinte:

Tenho uma imagem, quero que quando passe o mouse sobre ela apareça o conteúdo sobre a imagem, como tem nos grandes portais, as imagens das notícias quando passa o mouse aparece o título...

 

Segue uma imagem de como eu gostaria que ficasse:

 

Se alguem souber por favor me diga... Obrigado!!

[Bergs 53]

não seria um a:hover normal aparecendo a imagem por cima?

 

pela imagem que você postou não dá para entender.

Posta o link de exemplo! pode ser algo mais dinâmico que você esteja pensando...

[AndrewKs 0]

Não quero que apareça outra imagem, pois aquilo ali será conteúdo, textos, links, etc...

 

/edit

como no site: http://extra.globo.com/famosos/

passa o mouse na imagem aparece um conteudo em cima...

[Bergs 53]

Ver se funciona.

 

dei uma mudada no código se não funfar avisa.

 

$(document).ready(function(){

var todasSuasDivs = $("suas divs ocultas"); // no css dela você deixa display: none; 

      $("seus objetos").hover(function(){ // seus objetos

            $(todasSuasDivs, this).fadeIn(); // ativa só a div do respectivo objeto

      },function(){

           $(todasSuasDivs, this).fadeOut();

      });

});

[AndrewKs 0]

Funcionar, funcionou, porém eu tive que fazer mas "gambiarras" no CSS, para o conteudo aparecer em cima da imagem, umas margens negativas, e talz... mas valeu!! :)

[Bergs 53]

para o css você pode está usando os position e o z-index, vai ficar joinha! :clap:.

[AndrewKs 0]

Tem um detalhe...

Não vai ser somente uma imagem que vai ter o efeito, serão uma sequencia de imagens uma do lado da outra, e quando eu coloco outras ao lado não funciona o efeito... :unsure:

[Bergs 53]

use class em seus objetos, setar os this para pegar só a class especifica.

A função vai funcionar em todos.

 

Ver o código que modifiquei em cima. editei ele pensando nisso.

[AndrewKs 0]

Não entendi mt, rsrs

Tem como modificar o codigo ali de cima pra mim, fazendo o favor?

 

amigo pode adicionar msn? vou mandar por mensagem... :thumbsup:

 

Eu não entendi oq coloco ali onde está: "todasSuasDivs"...

Por que tipo, as divs vão ter o mesmo nome, pq depois eu vou pegar do banco, e não vou criar uma div para cada dado importado né....