如何使用 JSON laravel 动态显示轮播图片

问题描述

所以我有这个 bootstrap 4 carousel div

 <div class="firstHalfRoomPagePart">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
            <ol class="carousel-indicators">
              <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
              <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
              <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                @foreach($room_data as $key => $r)
              <div class="carousel-item {{$key == 0 ? 'active' : '' }}">
                <img src="{{ $room_data ->images[0]}}" class="d-block roomImages" alt="...">
              </div>
              @endforeach
            </div>
            <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
              <span class="carousel-control-prev-icon" aria-hidden="true"></span>
              <span class="sr-only">PrevIoUs</span>
            </a>
            <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
              <span class="carousel-control-next-icon" aria-hidden="true"></span>
              <span class="sr-only">Next</span>
            </a>
          </div>
</div>

旋转木马内部的什么地方,我正在尝试动态获取图像以在我的视图中显示它们。

我正在尝试从这里获取 json:

 "images": [
         "/img/room_img/subbuteo_1.jpg","/img/room_img/subbuteo_2.jpg"
      ],

知道怎么做吗?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)