проблема сделать динамик c слайдером на laravel фреймворке

Question

Я хочу сделать слайдер динамический c в рамках Php Laravel. есть 4 изображения, которые скользят, заголовок и описание фиксируются на каждом слайде ...

Вид: -

   <div id="slider" class="nivoSlider">
    @foreach($sliders as $slider)
    <div class="aaa">
        <img src="{{ asset('/uploads/')}}/{{$slider->background_image }}" data-thumb="{{ asset('/uploads/')}}/{{$slider->background_image }}" alt="" height="615px" width="1263px">
        <div class="pra">
            <h1>{{$slider->title}}</h1>
            <p>{{$slider->description}}
               </p>
            <div class="btn-1">
                <a href="{{route('contactUs')}}">Contact US</a>
            </div>
        </div>
    </div>
    @endforeach

`

Контроллер: -

public function index(){
        $sliders=home1::all();
 return view('User.userdashboard',compact('sliders'));

}`

Маршрут: -

Route::get('/',['as'=>'construction','uses'=>'User\UserController@index']);

Фактический дизайн слайдера: -

<div id="slider" class="nivoSlider">
<div class="aaa">
    <img src="images/banner-1.jpg" data-thumb="images/toystory.jpg" alt="" />

</div>

    <div class="aaa">
    <img src="images/banner-2.jpg" data-thumb="images/up.jpg" alt=""/>
        <div class="pra">
            <h1>    The Best Business Support</h1>
            <p>
                Preparing your money is a daunting challenge for today's investors.</p>

            <div class="btn-1">
                <a href="contact-us.html">Contact US</a>
            </div>
        </div>
    </div>

    <div class="aaa">
    <img src="images/banner-3.jpg" data-thumb="images/walle.jpg" alt="" data-transition="slideInLeft" />
</div>

    <div class="aaa">
    <img src="images/banner-4.jpg" data-thumb="images/nemo.jpg" alt="" />
 </div>

</div>

`

Я не понимаю, с чего начать foreach l oop, чтобы при добавлении других данных из админ-панели со столбцами 'image', 'title', 'description' изображения отображались идеально, но заголовок и описание перезаписывались

, пожалуйста, помогите я в решении этой проблемы

Answer 1

на самом деле в вашем контроллере вы получаете коллекцию в переменной $sliders. $sliders=home1::all();.

Вы сказали, что в вашей home1 модели есть несколько столбцов, таких как 'image', 'title', 'description'. Таким образом, в вашем блейд-файле вы получаете $sliders, потому что инструкция compact('slides').

Таким образом, вы должны иметь возможность l oop до $sliders, как вы и указали в своем вопросе:

@foreach ($sliders as $slider)
<div class="aaa">
    <img src="{{ asset('/uploads/')}}/{{$slider->background_image }}" 
    data-thumb="{{ asset('/uploads/')}}/{{$slider->background_image }}" 
    alt="" height="615px" width="1263px">
    <div class="pra">
        <h1>{{$slider->title}}</h1>
        <p>{{$slider->description}}</p>
        <div class="btn-1">
            <a href="{{route('contactUs')}}">Contact US</a>
        </div>
    </div>
</div>
@endforeach

Здесь $slider содержит каждый объект из коллекции $sliders, поэтому вы должны увидеть его собственные title и description рядом с полем image.

Вы можете проверить что $sliders содержит, выгрузив коллекцию в свой блейд-файл, используя {{ dd($sliders) }}.

Regards.