Jump to content


Photo

Como Fazer Um Quadro Lateral De Informações


  • Faça o login para participar
1 reply to this topic

#1 Bruno Sotto

Bruno Sotto

    Novato no fórum

  • Usuários
  • 2 posts
  • Sexo:Não informado

Posted 18/07/2009, 09:00

bom dia.
estou tentando fazer o seguinte: tenho uma galeria de fotos com 4 colunas de fotos, etc
e tenho na lateral esquerda da pagina um quadro "Informações"
gostaria que qdo passar o mouse em qualque uma das imagens aparecesse as informações de cliques, views, comentários neste quadro esquerdo.
como posso fazer isso, considerando que as informações de cada foto é gerada em seguida de cada miniatura?

#2 Édipo Costa Rebouças

Édipo Costa Rebouças

    Veterano

  • Ex-Admins
  • 1079 posts
  • Sexo:Masculino
  • Localidade:Brasil - São Paulo

Posted 18/07/2009, 11:01

considerando que as fotos vão estar dentro de uma tag A você pode fazer essa estrutura
<a href="endereco-foto.jpg"><img src="endereco-foto-thumb.jpg" alt=""/> <span class="info">Minhas infos de view, etc</span></a>


o elemento com .info, você pode deixa com display: none, e no declara com ajuda da pseudo-classe :hover que quando omouse passar por cima, vc vai dar display: block.

fica como um exemplo, na verdade com a ajuda do hover da pra fazer bem mais coisas.

Tem otimos plugins javascript para galeria de fotos, que exibem umas infos:
http://www.balupton....htbox_bal/demo/

Flw.




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq