PHP Laravel中的动态旋转木马仅显示一个图像

Question

我正在尝试在laravel中创建动态旋转木马，但我只看到一个图像。我已经寻找了几个小时的解决方案，但我卡住了

<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
@foreach($sliders as $slider)
    <img src="{{url('images', $slider->image)}}" class="d-block w-    100" alt="...">
</div>
@endforeach

这是我的刀片代码

@extends('front.master')
@section('content')
<main role="main">
<div id="myCarousel" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
@foreach($sliders as $slider)
<div class="carousel-item">
    <img src="{{url('images', $slider->image)}}" class="d-block w-  100" alt="...">
</div>
@endforeach
</div>
</div>
<section class="jumbotron text-center">
</section>
<div class="album py-5 bg-light">
<div class="container">

</div>
</main>
@endsection

任何帮助将不胜感激。

Answer 1

您的<div class="carousel-item">的关闭标签在循环内，而起始标签则不是。您需要使用<div class="carousel-item">而不是仅图像循环。

更改此

<div class="carousel-item">
@foreach($sliders as $slider)
    <img src="{{url('images', $slider->image)}}" class="d-block w-    100" alt="...">
</div>
@endforeach

到这个

@foreach($sliders as $slider)
<div class="carousel-item">
    <img src="{{url('images', $slider->image)}}" class="d-block w-100" alt="...">
</div>
@endforeach