PHP Laravel 中的动态轮播只显示一张图片答案

【问题标题】：Dynamic carousel in PHP Laravel only shows one imagePHP Laravel 中的动态轮播只显示一张图片
【发布时间】：2019-10-08 07:57:15
【问题描述】：

我正在尝试在 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

任何帮助将不胜感激。

【问题讨论】：

你在使用引导程序吗？
是的，我正在使用引导轮播@AdityaThakur
我可以看到可能是什么问题，检查我的答案。
我确实对您的答案进行了建议的更改，但现在没有图像显示。
你能分享你的刀片代码，并检查开发者控制台是否有任何 js 错误。

标签： php laravel bootstrap-4

【解决方案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

【讨论】：

如果您对此有解决方案，请分享您的答案