php - 将 LazyLoad 与 Bootstrap Carousel/Swiper 结合使用

Question

我是开发工作的新手。
我上个月刚得到这份工作。这就是我遇到的问题。
我必须创建一个图像轮播。我一直在使用 Bootstrap 和 Swiper 系统。
现在我发现在我们的项目中我们使用 LazyLoad 来显示图像。
谁能告诉我如何使用 LazyLoad data-src 创建轮播。
据我所知，Swiper 使用带有 url() 属性的 background-img，我不知道 LazyLoad 语法。
希望看到好的答案，谢谢大家！

这是当前代码：

<div id="gallery" style="margin:0px auto;display:block;">
           @foreach($banners['home-customer'] as $banner)
           @if($banner['photo'])
                <a href="#" title="{{$banner['photo']['alt']}}">
                    <img alt="{{$banner['photo']['alt']}}" title="{{$banner['photo']['alt']}}" class="lazy"
                        data-src="{{$banner['photo']['zip_url'] ? $banner['photo']['full_path_zip'] : $banner['photo']['full_path']}}"
                        data-image="{{$banner['photo']['full_path']}}" data-description="{{$banner['photo']['alt']}}"
                        style="display:block">
                </a>
           @endif
           @endforeach
</div>

标签： phphtmlbootstrap-4lazy-loadingswiper