在转盘中定位特定的幻灯片

Question

我尝试了一种解决方案，我找到的目标是使用模态转盘定位页面轮播中的特定照片，但我无法让它工作。我在俯瞰什么？什么小事？这是我的代码：

<div id = "photo-1" class="col-md-12">
         <h1>Saturday May 09, 2015</h1>

        <div class="well">
            <div id="may0915" class="carousel slide">

                <!-- Carousel items -->
                <div class="carousel-inner">
                    <div class="item active">
                        <div class="row">
                            <div class="col-sm-3"><a href="#gallery" class = "thumbnail" data-slide-to = "0"> <img src="last-night/saturdayday01.jpg" data-toggle = "modal" data-target = "#photomodalsaturday" alt = "photo-carosel"></a>
                            </div>
                            <div class="col-sm-3"><a href="#gallery" class = "thumbnail" data-slide-to = "2"> <img src="last-night/saturday1402.jpg" data-toggle = "modal" data-target = "#photomodalsaturday" alt = "photo-carosel"></a>
                            </div>

                            <div class="col-sm-3"><a href="#photomodalsaturday" data-toggle ="modal" class = "thumbnail3"> <img src="last-night/thursdaymay1401.jpg" alt = "photo-carosel"></a>
                            </div>
                            <div class="col-sm-3"><a href="#photomodalsaturday" data-toggle ="modal" class = "thumbnail"> <img src="last-night/saturdaymay1402.jpg" alt = "photo-carosel"></a>
                            </div>
                        </div>
                        <!--/row-->
                    </div>
                    <!--/item-->
                </div>
                <!--/carousel-inner--> <a class="left carousel-control" href="#may0915" data-slide="prev">‹</a>

                <a class="right carousel-control" href="#may0915" data-slide="next">›</a>
                     </div>
                        <!--/myCarousel-->
                    </div>
                 <!--/well-->
                </div>
            </div>
        </div>

<div class = "modal fade" id = "photomodalsaturday" role= "dialoge">
  <div class = "modal-dialog">
    <div class = "modal-content">
      <div class= "modal-header">
          <h4>We Love HipHop</h4>
          <p>Saturday May 14, 2015</p>
        <div id = “saturday-carousel" class = "carousel slide">

            <ol class = "carousel-indicators">
                <li data-target = “#saturday-carousel" data-slide-to = "0" class = "active"></li>
                <li data-target = “#saturday-carousel" data-slide-to = "1"></li>
                <li data-target = “#saturday-carousel" data-slide-to = "2"></li>
            </ol>

            <div id = “saturdaycarousel" class = "carousel-inner">
                <div class = "item active">
                    <img src="last-night/saturdaymay1401.jpg" alt = "beach" class= "img-responsive" >              
                </div>

                <div class = "item">
                    <img src="last-night/saturdaymay1402.jpg" alt = "beach" class= "img-responsive" >              
                </div>

                <div class = "item">
                    <img src="last-night/saturdaymay1403.jpg" alt = "beach" class= "img-responsive" >              
                </div>
            </div>
                 <a class="left carousel-control" href=“#saturday-carousel" data-slide="prev">‹</a>

                <a class="right carousel-control" href=“#saturday-carousel" data-slide="next">›</a>
        </div>
    </div>
        <div class = "modal-footer">
              <a id = "stopSound3" class = "btn btn-danger" data-dismiss = "modal">CLOSE</a>
            </div>
      </div>