3

好的，所以我在通过 ExpressionEngine 的频道条目实现基本的 Twitter 引导轮播时遇到了问题。我认为这与您必须将第一个 li 标签指定为“活动”的事实有关，以便引导程序知道在页面加载时显示哪个图像。但我的代码如下

<div id="myCarousel" class="carousel slide">
          <!-- Carousel items -->
          <div class="carousel-inner">

     {exp:channel:entries channel="work" dynamic="no"}
       <div class="item">
        <div class="workItem">
          <a href="{title_permalink='work/view'}">{project_image wrap="image"}</a>
          <a href="{title_permalink='work/view'}"><h3>{title}</h3></a>
        </div>
       </div>
     {/exp:channel:entries}

           </div>
          <!-- Carousel nav -->
          <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
</div>

所以似乎发生的事情是当页面加载时没有显示图像，因为我没有标记“活动”类，因为这段代码只是运行我使用通道在 EE 控制面板中创建的所有“项目”：条目. 因为滚动箭头确实出现了，当我点击它们时，它会跳转到第一个图像，然后我可以滚动浏览项目图像。

有没有办法将第一个项目（或最近的项目）激活为 class="active"，以便它成为默认的登陆项目。对此的任何帮助将不胜感激......或者如果有更好/更简单的方法让我知道

万分感谢，

4

1 回答 1

5

您可以使用{count}变量 in{exp:channel:entries}仅将类添加到具有条件的第一项：

{exp:channel:entries channel="work" dynamic="no"}
  <div class="item {if count == 1}active{/if}">
    [...]
  </div>
{/exp:channel:entries}
于 2012-09-12T21:25:11.757 回答