{% load staticfiles %}
{% load thumbnail %}

{% for fotos in prostopages %}

                <div class="gallary-img-photos">
                    <a data-fancybox="gallery" href="/media/{{fotos.image}}" class="fancybox" rel="fancybox">
                        {% thumbnail fotos.image "300x300" crop="center" as im %}
                        <img src="{{ im.url }}" width="{{ im.width }}" height="{{ im.height }}"> 
                        {% endthumbnail %}
                    </a>
                </div>

{% endfor %}



<!-- 

{% if prostopages.paginator.num_pages > 1 %}
<div class="butik__nav" style="margin-right: 0px;     margin-top: 16px;
    margin-bottom: 20px;">
    <div class="wp-pagenavi">
{% if prostopages.has_previous %}
<a class="previouspostslink" rel="prev" href="/ajax_ks/{{ prostopages.slug }}?page={{ pag }}{{ prostopages.previous_page_number }}#tops">«</a> {% else %} {% endif %}
{% if prostopages.previous_page_number > 2 %} 
<a class="page larger" title="" href="/ajax_ks/{{ prostopages.slug }}?page=1#tops">1</a> ...
{% else %} {% endif %} 
{% for i in prostopages.paginator.page_range %}
{% if prostopages.number == i %}
<span class="current">{{ i }}</span>
{% elif i > prostopages.number|add:'-3' and i < prostopages.number|add:'3' %} 
<a class="page larger" title="" href="/ajax_ks/{{ prostopages.slug }}?page={{ i }}#tops">{{ i }}</a>
{% endif %}
{% endfor %}
... <a class="page larger" title="" href="/ajax_ks/{{ prostopages.slug }}?page={{ prostopages.paginator.num_pages }}#tops">{{ prostopages.paginator.num_pages }}</a>
{% if prostopages.has_next %}
        <a class="nextpostslink" rel="next" href="/ajax_ks/{{ prostopages.slug }}?page={{ pag }}{{ prostopages.next_page_number }}#tops">»</a> {% else %} {% endif %}
    </div>
</div>
{% else %} {% endif %} 


 -->