Html 在两个div类之间交替使用的细枝规则

首先，我不是一个程序员/网页设计师，我只是在做一个小粉丝网站，所以我很抱歉，如果我自己在尝试做这件事上投入太少

基本上，我正在尝试修改一个网站模板，这样它不仅会在文章预览的右侧显示新闻缩略图，而且会在左侧和右侧之间交替显示。该模板使用HTML、CSS和Twigimageholder right和imageholder left是有效的CSS类

原来是这样的：

        {% if record.image!="" %}
            <div class="large-4 imageholder-right">
                <a href="{{ image(record.image) }}">
                    <img src="{{ thumbnail(record.image, 400, 260) }}">
                </a>
            </div>
        {% endif %}

{%if-record.image！=“”%}
{%endif%}

这就是我试图做的，这样它可以像我想要的那样工作：

        {% if record.image!="" %}
            {% set imagepos = 'right' %}
            {% if imagepos == right %}
                <div class="large-4 imageholder-left">
                    <a href="{{ image(record.image) }}">
                        <img src="{{ thumbnail(record.image, 400, 260) }}">
                    </a>
                </div>
                {% set imagepos = 'left' %}
            {% else %}
                <div class="large-4 imageholder-right">
                    <a href="{{ image(record.image) }}">
                        <img src="{{ thumbnail(record.image, 400, 260) }}">
                    </a>
                </div>  
                {% set imagepos = 'right' %}
            {% endif %}
        {% endif %}

{%if-record.image！=“”%}
{%set imagepos='右'%}
{%if imagepos==right%}
{%set imagepos='左'%}
{%else%}
{%set imagepos='右'%}
{%endif%}
{%endif%}

---

但是，使用此代码，每个图像预览都保留在右侧。

您可以查看

{%loop.index%}

我猜你的代码在循环中

编辑：

正如@DarkBee所建议的，最干净的方法是使用

{%用于记录%中的记录]
{%if record.image！=“”%}
{%endif%}
{%endfor%}

（是的，它是在一个循环中，我只是没有粘贴代码的相应部分）您使用的是这个还是您的解决方案？因为你的解决方案复制了一些代码，最好避免这种情况。我使用的是Bolt CMS，它是免费的，欢迎修改。我指的是代码。如果您不想让if位于类字符串的中间，请参阅我的编辑。顺便说一句，也可以使用

{% for record in records %}
    {% if record.image != "" %}
        <div class="large-4 imageholder-{{ loop.index is even ? 'right' : 'left' }}">
            <a href="{{ image(record.image) }}">
                <img src="{{ thumbnail(record.image, 400, 260) }}">
            </a>
        </div>
    {% endif %}
{% endfor %}