Question

我想使用laravel和bootstrap创建一个轮播滑块。

以下是我要遵循的步骤：

上传并将图片保存到数据库=＆gt;成功。
循环抛出表格以从数据库获取图像路径，然后将其放入carousel =＆gt;成功
显示滑块=＆gt;问题在这里。这不是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

为什么这段代码不起作用？

非常感谢。

Answer 1

您的循环正在创建多个carousel-inner，这是错误的。您必须拥有一个carousel-inner和多个item。 OTOH你需要设置active只有一个item，而不是全部。{/ p>

Bootstrap Carousel example

<div class="carousel-inner">
    @foreach($banners as $i => $banner)
        <div class="item{{ ($i) ? '' : ' active' }}">
            {{ HTML::image($banner->image, '...') }}
        </div>
    @endforeach
</div>

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

1 个答案: