codeigniter - Twitter Bootstrap Carousel 的表达式引擎 channel 条目无法正常工作

Question

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

<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 控制面板中创建的所有“项目” channel :条目。因为滚动箭头确实出现了，当我单击它们时，它会跳到第一张图像，然后我可以滚动浏览项目图像。

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

非常感谢，

Answer 1

您可以使用{count} variable in {exp:channel:entries}仅将类添加到带有条件的第一个项目:

{exp:channel:entries channel="work" dynamic="no"}
  <div class="item {if count == 1}active{/if}">
    [...]
  </div>
{/exp:channel:entries}