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

PHP Laravel中的动态轮播仅显示一个图像

1 个答案: