jQuery Slider not showing dynamic images in Laravel

Question

I wanted to implement Lightbox Slider on my blade view. I just read about Amazing Slider and it was properly working for the images but for absolute paths. Now I want to let slider show dynamic images from my database. I explode the images into array and pass it to the slider. The slider doesn't shows any image and there is no any error on console.

However, when I click in middle of slider, it opens the lightbox and shows the first image only. Please see the screenshot

How would I render my images coming from database?

Blade

@php
    $images = explode (",", $row->gallery);
@endphp


@foreach($images as $key => $val)

<div class="amazingslider-wrapper" id="amazingslider-wrapper-1">
        <div class="amazingslider" id="amazingslider-1">
           <ul class="amazingslider-slides" style="display:none;">
             <li>
               <a href="{{URL::asset('src/uploads/' . $val)}}" class="html5lightbox"/>
                  <img src="{{URL::asset('src/uploads/' . $val)}}" alt="1"  title="1" />
               </a>

             </li>
          </ul>
          
          <ul class="amazingslider-thumbnails" style="display:none;">
                <li>
                <img src="{{ URL::asset('src/uploads/' . $val) }}" alt="1" title="1" />
                </li>
         </ul>
        </div>
    </div>

@endforeach