Ir para conteúdo
Fórum Script Brasil
  • 0

Legenda em imagem


fjunior2586

Pergunta

Queria colocar um texto quando abrisse essa imagem, como uma especie de legenda.

 

 

<div id="fh5co-products" data-section="products">

                    <div class="container">
                        <div class="row">
                            <div class="col-md-8 col-md-offset-2 fh5co-section-heading text-center">
                                <h2 class="fh5co-lead animate-single product-animate-1">Nossas fotos fofinhas</h2>
                                <p class="fh5co-sub animate-single product-animate-2">Amor, aqui estão algumas fotinhas que eu achei fofas e que tem alguma coisa que eu queira falar. Desculpa não ter colocado a legenda na própria foto.</p>
                            </div>
                        

                            <div class="col-md-3 col-sm-6 col-xs-6 col-xxs-12">
                                <a href="images/tile1.jpg" class="fh5co-figure to-animate image-popup"  >
                                    <figure>
                                        <img src="images/pequenas/tile1.jpg" alt="Free HTML5 Responsive Template" class="img-responsive">
                                    </figure>
                                    <h4 class="fh5co-figure-lead">Descrição da img pequena</h4>
                                    <p class="fh5co-figure-text">Descrição da img pequena</p>
                                </a>
                            </div>

 

A linha azul é como a imagem em miniatura ( pré visualização ) e a vermelha é a imagem expandida.

Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...