Question

基本上关于这种情况的简短信息：

我有这样的幻灯片

前端开发人员没有找到最简单的解决方案，所以这里是背景图片的前端代码：

<div class="item">
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-6 less_spacing"> <img src="{{ url('/dd/img/img/ss/4.jpg') }}"> </div>
    <div class="col-sm-6 less_spacing"> <img src="{{ url('/dd/img/img/ss/2.jpg') }}"> </div>
  </div>
</div>

这里是中心图像：

 <div class="item" style="background: url(/dd/img/dd/what/1.jpg) center; background-size:cover;">
            <img src="{{ url('/dd/img/dd/what/1.jpg') }}" class="img-responsive hidden-lg hidden-sm hidden-md">
            <span class="sml-logo"><img src="{{ url('/dd/img/sml-logo.png') }}" alt=""></span>
              <div class="caption left_panel">
                <div class="inner">
                  <p>... The key of the door that will open you to the world of gastronomy and history of modern Baltic cuisine, blending international tendencies and interesting selections of wine.</p>
                </div>
              </div>
            </div>

如何理解这个例子中有4张图片：最后一张是第4张。

中心图像的ID为：1;

我无法根据数据库中的ID进行此操作，因为如果用户删除某些结果，那么+1 -1将无法用于上一张和下一张图片。

总结：在这种情况下，基本上我想要的是当用户点击下一个图像时，背景（左）图像变为前一个中心图像，而背景（右）侧图像变为下一个图像（第三个），所以上...

将图像按特定顺序从数据库集成到幻灯片中

0 个答案: