{# There are no previous entries for the very first media entry #}
{% if prev_entry_url %}
<a class="navigation_button navigation_left" href="{{ prev_entry_url }}">
- <img src="{{ request.staticdirect('/images/navigation_left.png') }}" alt="Previous image" />
+ ← newer
</a>
{% else %}
{# This is the first entry. display greyed-out 'previous' image #}
<p class="navigation_button navigation_left">
- <img src="{{ request.staticdirect('/images/navigation_end.png') }}" alt="No previous images" />
+ ← newer
</p>
{% endif %}
{# Likewise, this could be the very last media entry #}
{% if next_entry_url %}
<a class="navigation_button" href="{{ next_entry_url }}">
- <img src="{{ request.staticdirect('/images/navigation_right.png') }}" alt="Next image" />
+ older →
</a>
{% else %}
{# This is the last entry. display greyed-out 'next' image #}
<p class="navigation_button">
- <img src="{{ request.staticdirect('/images/navigation_end.png') }}" alt="No following images" />
+ older →
</p>
{% endif %}
</div>