如何使用Django-Oscar图像放大悬停

时间:2016-03-17 03:41:08

标签: django python-2.7 django-oscar

我正在使用Django-Oscar和AWS S3来托管我的产品图片。显示图像的轮播正确显示产品图像,但显示缩略图大小图像。我想在悬停或点击时显示完整尺寸的图像,而不是缩略图。

我也使用django-compressor,因此图片存储在S3上的cache文件夹中。

我应该更改模板以启用此功能,还是有可以处理此问题的django-oscar设置?

相关code

            <div class="carousel-inner" role="listbox">
            {% for image in all_images %}
                <div class="item {% if forloop.first %}active{% endif %}">
                    {% thumbnail image.original "440x400" upscale=False as thumb %}
                    <img src="{{ thumb.url }}" alt="{{ product.get_title }}" />
                    {% endthumbnail %}
                </div>
            {% endfor %}
            </div>

对于这样的事情:

<div class="carousel-inner" role="listbox">
                {% for image in all_images %}
                    <div class="item {% if forloop.first %}active{% endif %}">
                    <a href="{{ image.url }}" target="_blank">
                        {% thumbnail image.original "440x400" upscale=False as thumb %}
                        <img src="{{ thumb.url }}" alt="{{ product.get_title }}" />
                    </a>
                        {% endthumbnail %}
                    </div>
                {% endfor %}
                </div>

0 个答案:

没有答案