Make Bootstrap Carousel Dynamic - Laravel 5.3

gistfile1.txt

<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">

                <!-- Indicators -->
                <ol class="carousel-indicators">
                    @foreach( $trip->photos as $photo )
                        <li data-target="#carousel-example-generic" data-slide-to="{{ $loop->index }}" class="{{ $loop->first ? 'active' : '' }}"></li>
                    @endforeach
                </ol>

                <!-- Wrapper for slides -->
                <div class="carousel-inner" role="listbox">
                    @foreach( $trip->photos as $photo )
                        <div class="item {{ $loop->first ? ' active' : '' }}" >
                            <img src="{{ $photo }}" alt="{{ $trip->listing->name }}">
                        </div>
                    @endforeach
                </div>

                <!-- Controls -->
                <a class="left carousel-control" href="#carousel-example-generic" 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="#carousel-example-generic" role="button" data-slide="next">
                    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>

Thank you. This was very helpfull

Thank you. This was very helpfull

Thank you.

Thank you.

Thanks!!!

i am new to laravel and website development .will you please tell me where we have to keep the file ,in laravel directory ,and where we have to keep our image

thank you

Thanks bro

Thanks so much

thanks a lot

Thank you

amazing

Thank you

@davidtrushkov, slider is working but next, prev buttons are not visible

Nice

Thank you!!!

Thank you!

what does the $loop->first mean because that part is confusing me