Как импортировать слайдер с несколькими карусельными элементами в laravel? - PullRequest
Новая
       36

Как импортировать слайдер с несколькими карусельными элементами в laravel?

0 голосов
/ 02 апреля 2020

Как импортировать слайдер с несколькими карусельными элементами в laravel?

Я пытался изменить свой код из этого решения. На карусели Dynami c в PHP Laravel показано только четыре изображения, но не работает 

     <div class="row">
            <div class="bd-example">
                <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">

                    <ol class="carousel-indicators">
                        @foreach($galleries as $value)
                            <li data-target="#carouselExampleCaptions" data-slide-to="{{ $loop->index }}" class="{{ $loop->first ? 'active' : '' }}"></li>
                        @endforeach
                    </ol>
                    <div class="carousel-inner">
                        @foreach($galleries->chunk(4) as $galleryCollection)
                            <div class="carousel-item {{ $loop->first ? 'active' : '' }}">
                                @foreach ($galleryCollection as $gallery)
                                    <div class="col-md-3">
                                        <img src="{{ asset('images/galleries/'.$gallery->image) }}" class="d-block w-100">
                                    </div>
                                @endforeach
                            </div>
                        @endforeach
                    </div>
                    <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                        <span class="sr-only">Previous</span>
                    </a>
                    <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
                        <span class="sr-only">Next</span>
                    </a>
                </div>
            </div>
        </div>
...