diff options
Diffstat (limited to 'design/templates')
| -rw-r--r-- | design/templates/lib/img_pictall.html | 9 |
1 files changed, 9 insertions, 0 deletions
diff --git a/design/templates/lib/img_pictall.html b/design/templates/lib/img_pictall.html new file mode 100644 index 0000000..98e8dc4 --- /dev/null +++ b/design/templates/lib/img_pictall.html @@ -0,0 +1,9 @@ +{% load get_image_by_size %} +{% load get_image_width %} +{% if caption %} +<figure class="picfull">{%endif%} +<a href="{%get_image_by_size image "original"%} " title="view larger image"><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.name %} {% if image.is_portait %}{% get_image_width image size.height %}w{%else%}{{size.width}}w{%endif%}{% if forloop.last%}"{%else%}, {%endif%}{%endfor%} + {% for size in image.sizes.all%}{%if forloop.first %} src="{% get_image_by_size image size.name %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}></a> +{% if caption %}<figcaption>{{image.caption|safe}}</figcaption> +</figure> +{% endif %} |