Shifting index

This commit is contained in:
reverend 2021-04-10 08:24:23 +02:00
parent 8b32b56dd9
commit 50f60be10a

View File

@ -7,8 +7,8 @@
<div class="LP-ImageGrid"> <div class="LP-ImageGrid">
<ul class="LP-ImageGrid__Container"> <ul class="LP-ImageGrid__Container">
{% for image in image_list %} {% for image in image_list %}
<li id="thumbnail{{forloop.counter}}" class="LP-ImageGrid__Item"> <li id="thumbnail{{forloop.counter0}}" class="LP-ImageGrid__Item">
{% include 'partials/image.html' with source_url=image.filename.thumbnail.url link_url="#image"|addstr:forloop.counter %} {% include 'partials/image.html' with source_url=image.filename.thumbnail.url link_url="#image"|addstr:forloop.counter0 %}
{% if user.explorer == image.submitted_by%} {% if user.explorer == image.submitted_by%}
<span class="LP-ImageGrid__DeleteItem" title="Bild löschen"> <span class="LP-ImageGrid__DeleteItem" title="Bild löschen">
<a href="{% url 'place_image_delete' pk=image.id %}" class="LP-Link"> <a href="{% url 'place_image_delete' pk=image.id %}" class="LP-Link">
@ -16,16 +16,16 @@
</a> </a>
</span> </span>
{% endif %} {% endif %}
<div id="image{{forloop.counter}}" class="LP-ImageGrid__LightBox"> <div id="image{{forloop.counter0}}" class="LP-ImageGrid__LightBox">
<img class="LP-ImageGrid__FullSizeImage" src="{{image.filename.large.url}}" loading="lazy"/> <img class="LP-ImageGrid__FullSizeImage" src="{{image.filename.large.url}}" loading="lazy"/>
{% if forloop.counter < image_list|length %} {% if forloop.counter0 < image_list|length|add:-1 %}
<a href="#image{{forloop.counter|add:1}}" class="LP-ImageGrid__Next">Next</a> <a href="#image{{forloop.counter0|add:1}}" class="LP-ImageGrid__Next">Next</a>
{% endif %} {% endif %}
{% if forloop.counter > 1 %} {% if forloop.counter0 > 0 %}
<a href="#image{{forloop.counter|add:-1}}" class="LP-ImageGrid__Previous">Previous</a> <a href="#image{{forloop.counter0|add:-1}}" class="LP-ImageGrid__Previous">Previous</a>
{% endif %} {% endif %}
<span class="LP-ImageGrid__Close LP-ImageGrid__DeleteItem" title="Schließen"> <span class="LP-ImageGrid__Close LP-ImageGrid__DeleteItem" title="Schließen">
<a href="#thumbnail{{forloop.counter}}" class="LP-Link"> <a href="#thumbnail{{forloop.counter0}}" class="LP-Link">
<img class="LP-Icon" src="{% static 'icons/cancel.svg' %}"/> <img class="LP-Icon" src="{% static 'icons/cancel.svg' %}"/>
</a> </a>
</span> </span>