Javascript jQuery滑块在Laravel中不显示动态图像

我想在我的刀片视图上实现Lightbox滑块。我刚刚读到了关于惊人的滑块，它对图像正常工作，但对绝对路径有效。现在我想让滑块显示数据库中的动态图像。我将图像分解成数组并将其传递给滑块。滑块不显示任何图像，控制台上也没有任何错误

但是，当我在滑块中间单击时，它会打开灯箱并仅显示第一个图像。 请看截图

如何渲染来自数据库的图像

刀片

@php
$images=explode（“，”，$row->gallery）；
@endphp
@foreach（$key=>$val的图像）








@endforeach

请在div中添加增量-id@AlzafanChristian在哪里添加？@AlzafanChristian您是否看到我的图像没有显示在滑块中，但单击后它会显示在lightbox中。不，我没有，但在这里div id=“amazingslider-wrapper-1”将指向此div id=“amazingslider-1”，您没有添加增量，所以所有的ID都是相同的，都指向第一个element@AlzafanChristian我理解你的观点，但不知道下一步该怎么办：(

@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