如何在Django中制作灯箱图片？

Question

如何在Django中制作灯箱图片？ 我在这里有这段代码：

<div class="gallery-wrapper less-gutter">
                <div class="gallery-item mix">
                    <div class="image-block">
                        <div class="image"><img src="{% static 'site/2.jpg' %}" alt="gallery-image" class="img-fluid">
                            <div class="primary-overlay">
                                <a class="image-popup" data-effect="mfp-with-zoom"
                                   href="{% static 'site/2.jpg' %}"><i class="fa fa-picture-o"></i></a>
                            </div>

它有效 但是我需要这种效果才能用于某些图片，而不能用于通过管理员拖动的图片，此处使用以下代码：

{% for img in page.img_item.all %}
       {% image img.image fill-400x300 as img %}
    <li><img src="{{ img.url }}" alt="image" title="" id="wows1_{{ forloop.counter0 }}"/></li>