Rolar div na vertical

[misterviralata]

Ola Amigos!

faz algum tempo que to tentando fazer um album de foto, na pagina principal tenho uma div, dentro desta div de 1 em 1 minuto exibindo a foto de um usuario, eu queria fazer um jeito de mostrar a foto do usuario e de pois que a foto abrir subir em cima da imagem uma segunda div com fundo transparente e com uma frase tipo este é fulano de tal!

Tipo no site http://br.MSN.com/ nas noticias principal mostra uma imagem e depois sobe uma div transparente com o titulo da noticia

Alguém sabe como fazer aquela "div com fundo transparente" subir de baixo para cima e parar na base da imagem?

Obrigado!!!

[marcos_804]

Cara,

A idéia é a seguinte: Cria um div pai. Dentro deste crie dois divs filhos. Coloque o DIV DA FOTO primeiro, depois coloque o DIV QUE VAI APARECER O TEXTO. Se você deixar o tamanho dele fixo, é só dar a margem negativa para a altura. Se não for fixo, tem como fazer em javascript para ver qual o tamanho atual do div para dar a MARGEM NEGATIVA proporcional à ALTURA.

Segue o código.

Espero que tenha entendido e que eu tenha ajudado.

#idImg {
    background-color:#336699;
    width:150px;
    height:150px
}
#deCima {
    background-color:none;
    height:30px;
    margin-top:-30px;
    width:150px;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
}
</style>
<div>
<div id="idImg"></div>
<div id="deCima">Nome Pessoa</div>
</div>

[misterviralata]

Ola marcos_804!

Eu entendi sua ideia, mas não sei como fazer para div que esta com o texto rolar de baixo para cima dentro da div PAI.

Tem alguma ideia de como fazer?

[KaKarotto]

Você já viu se não tem um código desse lá no post indice dos códigos prontos?

Eu tenho a impressão de que eu vi um código assim. Acho que foi o Guilherme quem postou...

Dá uma olhada lá, vai no Códigos Prontos, em cima tem um indice, lá tem tudo.

Eu particularmente acho chato fazer esse tipo de efeito, então no seu lugar eu procuraria por um pronto ou usaria um framework que possibilite esse efeito, tipo scriptaculo ou coisa assim..

Akeleabraço