如何在 Laravel 5.7 中使用循环在滑块中显示单个图像？

Question

我试图在滑块中显示单个图像，但只要用户单击它，它就会在 data-src="multiple-images-here" 中打开一个弹出窗口，我在运行滑块中。但主要问题是 for 循环中的单个图像显示。它显示循环中的所有可用图像。请为此建议我最好的解决方案。

这是我的 index.blade.php 文件，我在其中尝试使用此代码显示滑块。

<div class="container-fluid margin-gallery d-lg-block d-block position-relative">
     <div class="row">
        <div class="col-lg-12 p-0">
           <div class="demo-gallery">
              @php
              if($propertys->propertyImage!=null){
              $images =  json_decode($propertys->propertyImage->image_path, true);
              }
              else{
              $images=null;
              }
              @endphp
              <?php
              $images_prop = collect($images['property_images']);
              ?>
              <ul id="lightgallery">
              @if($images['property_images']!=null)
                 @forelse($images_prop as $img)
                 <li class="sizing-li position-relative" data-src="{{ asset($img) }}">
                    <a href="javascript:void()">
                       <img class="img-responsive" src="{{ asset($img) }}" style="width:929px; height:495px;">
                    </a>
                 </li>
                 @empty
                 @endforelse
                 @endif
              </ul>
           </div>
        </div>
     </div>
  </div>

我想在这里显示 for 循环的第一张图片

<img class="img-responsive" src="{{ asset($img) }}" style="width:929px; height:495px;">

Answer 1

您可以通过 ->first() 函数只获取 1 张图片，它只会显示您数据库中数据的第一项。

如何在 Laravel 5.7 中使用循环在滑块中显示单个图像？

How to display single image in slider using loop in Laravel 5.7?

php

view

laravel

laravel-5

laravel-8