Laravel 4中的旋转木马未按预期显示

我想使用laravel和bootstrap创建一个旋转木马滑块

以下是我遵循的步骤：

将图像上载并保存到数据库=>成功

循环抛出表以从数据库获取图像路径，然后将其放入carousel=>success

显示滑块=>这里有问题。这不是Js和Jquery的问题。如果我按路径调用图像，例如：

  {{ HTML::image('img/slides/1.jpg', '...') }}

我可以用幻灯片扔图片

但是当我把它们放进foreach循环时，图像会显示出来，但我不能滑动扔它们

我的代码

         @foreach($banners as $banner)

            <div class="carousel-inner">

               <div class="item active">
                 {{  HTML::image($banner->image, '...')}}
               </div>
            </div>

        @endforeach

@foreach（$banner作为$banner）
{{HTML:：image（$banner->image，“…”）}
@endforeach

为什么这个代码不起作用

---

非常感谢。

您的循环正在创建多个

内部旋转木马，这是错误的。您必须有一个
内部旋转木马
和多个
项目
。o您只需将一个
项目设置为
活动
，而不是全部项目



@foreach（$i=>$banner的横幅）
{{HTML:：image（$banner->image，“…”）}
@endforeach
绝妙的解决方案！非常感谢。@LuckyLuke很高兴我能帮上忙。如果这解决了您的问题，请将其标记为正确答案。
<div class="carousel-inner">
    @foreach($banners as $i => $banner)
        <div class="item{{ ($i) ? '' : ' active' }}">
            {{ HTML::image($banner->image, '...') }}
        </div>
    @endforeach
</div>