Php 使用每个相册的引导模式显示相册图像

我创建了引导模式。以下图像是相册封面图像

 <ul class="list-inline galleryItems">
  @foreach($albums as $album)
  <li data-toggle="modal" data-target="#myModal"><a href="#myGallery" data-slide-to=""><img  src="{{ url('src/images/gallery/albums_cover',$album->photo->name) }}"><br>
      Caption</a></li>
     @endforeach
  <!--end of thumbnails-->

@foreach（$albums作为$album）

@endforeach

我已经创建了模态体和页脚，如下所示

<div class="modal fade" id="myModal">
    <br><br><br><br>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <div class="pull-left">My Gallery Title</div>
                <button type="button" class="close" data-dismiss="modal" title="Close"> <span class="glyphicon glyphicon-remove"></span></button>
            </div>
            <div class="modal-body">

                <!--begin carousel-->
                <div id="myGallery" class="carousel slide" data-interval="false">
                    <div class="carousel-inner">

                        <div class="item active "> <img src="{{ url('src/images/gallery/albums_cover',$first_album->photo->name) }}" alt="item{{ $album->id }}" />
                            <div class="carousel-caption">
                                <h3></h3>
                                <p></p>
                            </div>
                        </div>

                        @foreach($albums as $album)
                        @foreach($album->photos as $photo)
                        <div class="item"> <img  src="{{ url("src/images/gallery/album{$album->id}",$photo->name)  }}" alt="" />
                            <div class="carousel-caption">
                                <h3></h3>
                                <p></p>
                            </div>
                        </div>
                        @endforeach
                        @endforeach
                    </div>
                    <!--Begin Previous and Next buttons-->
                    <a class="left carousel-control" href="#myGallery" role="button" data-slide="prev"> <span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#myGallery" role="button" data-slide="next"> <span class="glyphicon glyphicon-chevron-right"></span></a>
                    <!--end carousel--></div>
                    <!--end modal-body--></div>
                    <div class="modal-footer">
                        <div class="pull-left">
                            <small>Photographs by <a href="#" target="new">Lorempixel.com</a></small>
                        </div>
                        <button class="btn-sm close" type="button" data-dismiss="modal">Close</button>
                        <!--end modal-footer--></div>
                        <!--end modal-content--></div>
                        <!--end modal-dialoge--></div>
                        <!--end myModal-->></div>

我的画廊名称
照片->名称）}}“alt=”项{{{$album->id}”/>

@foreach（$albums作为$album）
@foreach（$album->photos as$photo）
id}“，$photo->name）}}”alt=”“/>

@endforeach
@endforeach
摄影者
接近
>

所以，每次我点击任何相册，它都会显示所有的照片。我只想显示属于该文件夹的图像

---

在advanced（高级）

中感谢您，您到目前为止尝试了什么？您可以链接到Bootstrap（引导）或类似的例子吗？我想创建一个引导模式，显示每个相册的相册照片，因此当我单击一个图像时，它只是显示相册照片属于该图像，此时您只有一个图库–因此您需要循环在您的

评论之前浏览每个相册。