design/templates/lib/img_picfull.html


1
2
3
4
5
6
7
8
9

{% load get_image_by_size %}
{% if caption %}
<figure class="picfull">{%endif%}
<img class="picfull" sizes="(max-width: 680px) 100vw, (min-width: 681) 680px"
srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.long_edge %} {{size.long_edge}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}
{% for size in image.sizes.all%}{%if forloop.first %}src="{% get_image_by_size image size.long_edge %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
     {% if caption %}<figcaption>{{image.caption|safe}}</figcaption>
</figure>
{% endif %}