공용 폴더에서 모든 이미지를 하나씩 표시하는 방법

Question

이 코드를 실행하면 공용 폴더의 모든 이미지가 표시되지만 하나씩 표시하려고합니다.

<div id="mycarousel" class="carousel slide" data-ride="carousel"> 
     <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
     @foreach ($images as $image) 
      <img src="{{ asset('images/' . $image->getFilename()) }}"> 
     @endforeach 
</div> 
</div> 
    <a class="left carousel-control" href="#mycarousel" role="button" data-slide="prev"> 
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span> 
    <span class="sr-only">Previous</span> 
    </a> 
    <a class="right carousel-control" href="#mycarousel" role="button" data-slide="next"> 
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span> 
    <span class="sr-only">Next</span> 
    </a> 
</div> 

컨트롤러

$images = \File::allFiles(public_path('images')); 

return view('welcome')->with('images',$images); 

Answer 1

@foreach ($images as $image) 
    <div class="item"> 
     <img src="{{ asset('images/' . $image->getFilename()) }}"> 
    </div> 
    @endforeach 

Answer 2

당신은 클래스 = "항목이 활성화"유지하면서 foreach는 내부 클래스 = "항목을"넣어해야합니다.

또한 화살표가 다음 및 이전 이미지를 표시 할 수 있도록 회전식 표시기가 없습니다. 당신은 비슷한 질문을 여러 번 요청했습니다

https://www.w3schools.com/bootstrap/bootstrap_carousel.asp