javascript - DJANGO ImageKit 功能

Question

我正在整理一个非常基本的延时图像序列(总共大约 120 张图像)。

我已经安装了 imagekit，根据我的需要调整了 specs.py 文件，用“指针”填充了数据库，imagekit 已经生成了缩略图......一切都很好。

我的 views.py 包括:

def pics(request):
        p = Photo.objects.all()
        return render_to_response('Shots.html',
                {'p': p})           

我的 Shots.html 包括

{% for p in p %}
<tr>
    <td>
    <img src="{{ p.thumbnail_image.url }}" alt="p.name">
</td>
</tr>   
{% endfor %}

但是，仅此一项是不切实际的，因为我希望在将光标放在其缩略图上时显示原始(较大)尺寸的图像。当然，在使用 JavaScript 的“onmouseover”之前，我已经这样做了。我还使用 CSS 图像翻转技术完成了此操作。

ImageKit 是否有自己的对象/方法来提供这样的功能，因此不需要 JavaScript 或 CSS，或者解决方案是严格的 HTML 吗？

Answer 1

ImageKit 可以生成您需要的图像尺寸，但您必须使用自己的 JS 和/或 CSS 来处理客户端的翻转效果。