在 Tumblr 中循环浏览 CSS Post 类

Question

我正在尝试在 Tumblr 中设置我的{block:Photo}样式，以便每次发布照片时，它都会循环选择，例如，5 个略有不同的类来显示图片。

可以在此处找到这样的示例(其中每个照片表都有一个唯一的max-width属性(：http://www.nontemporary.com/

到目前为止，我充分利用了Chrome检查器，我想出的代码是：

            {block:Posts}
            {block:Photo}
                <li class="post photo">
                    <table width="100%" align="left" valign="top" cellpadding="0" cellspacing="0">
                        <tbody>
                            <tr class="postspace">
                                <td></td>
                            </tr>
                            <tr class="postrow">
                                <td class="postdistrict">
                                 <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" align="left" valign="top" class="post1">
                                <td>
                                 <td class="postdistrict">
                                 <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" align="left" valign="top" class="post1">
                                <td>
                            </tr>
                        </tbody>
                     </table>
                </li>
            {/block:Photo}

        {/block:Posts}

当然，我认为我必须为宽度创建一些自定义类，但我的主要问题实际上是我应该如何让 Tumblr 循环浏览这些宽度，如示例中所示。

谢谢！

Answer 1

如果你想让他们按顺序循环浏览类(就像例子一样(，你可以利用 tumblr 允许你设置每个帖子数量的事实。

下面是您将执行的操作的示例：

<li class="post-{block:Post1}1{/block:Post1}{block:Post2}2{/block:Post2}[...]{block:Post15}15{/block:Post15}">

这将呈现为

<li class="post-1">

与 1 取决于它是什么数字发布。

从这里，您可以轻松地制作.post-1到.post-15的课程。

如果你想要一些随机的东西，将需要javascript/jquery。