SIA Web Design Library

Figure

No notes defined.

<figure class='c-figure'>
    <a href='#'> <img src='/images/portrait.jpg' alt='' title='' />
    </a>
    <figcaption>Ana Janosev</figcaption>
</figure>
 
<figure class='{{ get_component_class( 'figure', display ) }}'>
    {% if permalink %}<a href='{{ permalink }}'>{% endif %}
        <img src='{{ figure.src }}' alt='{{ figure.alt }}' title='{{ figure.title }}' />
    {% if permalink %}</a>{% endif %}
    {% if figure.caption %}
        <figcaption>{{ figure.caption }}</figcaption>
    {% endif %}
</figure>
 
{
  "figure": {
    "src": "/images/portrait.jpg",
    "caption": "Ana Janosev"
  },
  "permalink": "#"
}