PHP Laravel中的动态轮播仅显示一张图片 [英] Dynamic carousel in PHP Laravel only shows one image

问题描述

我正在尝试在laravel中创建一个动态轮播，但我只能看到一张图像.我已经寻找了几个小时的解决方案，但遇到了麻烦

I'm trying to create a dynamic carousel in laravel but I see only one image. I have looked for solutions for hours but I'm stuck

<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

这是我的刀片服务器代码

This is my blade code

@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

任何帮助将不胜感激.

推荐答案

您的<div class="carousel-item">结束标记位于循环内，而起始标记则不在循环内.您需要使用<div class="carousel-item">而不是仅图像进行循环.

Your closing tag of your <div class="carousel-item"> is inside the loop, while the starting tag is not. You need to loop with <div class="carousel-item"> instead of just image.

更改此

<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中的动态轮播仅显示一张图片的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！