像Django模板中新的flickr设计*的照片网格*

Question

我正在尝试在Django中执行此操作：Photo grid like the new flickr design

虽然答案是正确的，但我在理解如何在Django模板中实现这一点时遇到了问题。想知道是否有人可以帮我填写这个：

1. 选择首选行高。的完成
2. 获取可用的总宽度完成
3. 开始新行帮助：混淆了如何使用django forloop执行此操作，因为forloops只是遍历整个集合
4. 放入照片并将其缩放到行高并检查行宽帮助：混淆了如何使用django forloop执行此操作，因为forloops只是遍历整个集合
5. 重复4.直到添加照片会使行宽展示总宽度 DONE
6. 缩小此行的高度（以及所包含的照片），直到宽度适合 DONE
7. 开始下一行（请参阅3.）帮助：请参阅＃3

一旦我弄清楚了forloop，我应该没事。这是我现在使用的基本forloop：

    {% for photo in photos %}
        <li>
            <a>
                <img height="250" src="{{ photo.thumbnail_image_url }}">
            </a>
        </li>
    {% endfor %}

我假设我需要的输出看起来像这样：

<div>
    <a><img></a>
    <a><img></a>
    <a><img></a>
</div>
<div>
    <a><img></a>
    <a><img></a>
    <a><img></a>
</div>
<div>
    <a><img></a>
    <a><img></a>
    <a><img></a>
</div>