Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

juniorfs984

Exibição de legenda na imagem.

Recommended Posts

tenho esse código e queria colocar as legendas nas imagens, alguém pode me ajudar?
<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">Essa é a legenda</h4>
<p class="fh5co-figure-text">Essa é a legenda</p>
</a>
</div>
<div class="clearfix visible-sm-block"></div>
<div class="fh5co-spacer fh5co-spacer-sm"></div>
<div class="col-md-4 col-md-offset-4 text-center to-animate">
<a href="#" class="btn btn-primary">View All Products</a>
</div>
</div>
</div>
</div>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Junior,

Você quer adicionar uma legenda como? Pelo o que eu vi, você já tem uma legenda. Esclareça sua dúvida, não adianta só pegar um código aleatório, jogar no fórum e esperar que as pessoas façam o trabalho por você.

Quando for fazer uma pergunta, leia, releia, pesquise e só depois de não ter obtido nenhum resultado, ai sim você questiona, mas questione de forma clara e objetiva.

Eu posso pegar 30 imagens e colocar um <p> abaixo e definir como legenda. Posso usar <h1>, posso sobrepor a imagem com position: absolute;, posso fazer N efeitos possíveis e se você não esclarecer qual você quer, fica impossível te ajudar.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Tenho esse código e ele gera um imagem pequena no site, com um texto em baixo, eu quero que esse mesmo texto apareça na imagem quando maximizada ( em tela cheia ), infelizmente eu já tentei pelos métodos que eu sabia e não consegui e também já tentei pelos que tem na internet, mas nenhum se adapta ao caso que eu quero, é simples assim, colocar o texto que eu destaquei de vermelho e se encontra nessa parte do código <h4 class="fh5co-figure-lead">Essa é a legenda</h4> <p class="fh5co-figure-text">Essa é a legenda</p> e jogar na imagem maximizada, que é indicada nessa parte do código:<a href="images/tile1.jpg" class="fh5co-figure to-animate image-popup">.

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por BryanSamuel
      Quando eu puxo a imagem ela vem deitada, uma imagem tirada em um Smartphone por exemplo, esse problema não acontece com todas as imagens, mas com as tiradas no meu celular por exemplo são todas. eu puxo somente o link da imagem do banco de dados mysql , a imagem fica salva em uma pasta separada, quando eu abro a imagem na pasta ela está na orientação normal, "em pé".
      Agradeço muito se alguém puder me ajudar.
    • Por juniorfs984
      Consegue um template que tem o lugar das fotos, e tem a legenda, mas quando clico na imagem e ela expande a legenda não aparece, e eu queria essa mesma legenda quando expandir a imagem, se alguém puder me ajudar, o código segue abaixo :
      <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">Essa é a legenda</h4> <p class="fh5co-figure-text">Essa é a legenda</p> </a> </div> <div class="clearfix visible-sm-block"></div> <div class="fh5co-spacer fh5co-spacer-sm"></div> <div class="col-md-4 col-md-offset-4 text-center to-animate"> <a href="#" class="btn btn-primary">View All Products</a> </div> </div> </div> </div>  
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.