Ondersteuning » Code oplossingen gezocht » titel ophalen in hover featured image portfolio (Illustratr theme)

titel ophalen in hover featured image portfolio (Illustratr theme)

  • inoordkamp

    (@inoordkamp)


    8 jaren, 3 maanden geleden

    Ik wil graag dat de titel van een featured image in een portfolio overzicht zichtbaar is bij hover. Nu ben ik zo ver dat bij hover op de juiste locatie letterlijk ’title’ te zien is. zie site nieske.net

    Ik heb dit ingesteld in css:
    .portfolio-thumbnail a:before {
    content: ’title’;
    display: block;
    position: absolute;

    De titel wordt blijkbaar niet ‘opgehaald’. In
    de div zag ik ook alleen dat de ‘alt’ meegezonden. Zie:
    <img src=”http://www.nieske.net/wp-content/uploads/2015/11/PEER_babycard_drawing_illustration.jpg&#8221; class=”attachment-illustratr-portfolio-featured-image size-illustratr-portfolio-featured-image wp-post-image” alt=”PEER_babycard_drawing_illustration” height=”581″ width=”369″>

    Hoe krijg ik voor elkaar dat de titel van de featured image wordt getoond?

1 reactie aan het bekijken (van in totaal 1)
  • tomzorz

    (@tomzorz)

    8 jaren, 2 maanden geleden

    Hey Nieske,

    CSS kan niet communiceren met de server en dus ook geen variabele zoals ’title’ ophalen. Je zal deze title in php moeten ophalen en wrappen in de juiste html tags om vervolgens via css deze tag te tonen bij :hover.

    Bvb:

    html:
<div class="image_wrap">
<img .../>
<h3><?php echo $title ?></h3>
</div>

css:
.image_wrap h3 { display: none }
.image_wrap:hover h3 { display: block }

    Voor het correct ophalen en declareren van deze $title kan je hier genoeg vinden denk ik.

1 reactie aan het bekijken (van in totaal 1)
  • Het onderwerp ‘titel ophalen in hover featured image portfolio (Illustratr theme)’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven