Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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>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">.
Junior,
Você só vai conseguir isso se você pegar a legenda, jogar ela numa variável e exibir essa variável dentro da imagem maximizada. (Isso é PHP por sinal).
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.