在模态窗口中打开类别

时间:2015-04-07 09:16:25

标签: javascript php jquery twitter-bootstrap

我试图在页面上制作不同的类别,当用户点击某个类别时,必须在将打开的模态窗口中加载该类别的所有图像。

到目前为止,我只成功加载了类别,但无法弄清楚如何在模态窗口上加载图像。 这是我到目前为止的代码。可能是完全错误所以我需要一些帮助。当前模态在打开时为空

<?php
 require_once 'misc/database.php';
 $pdo = Database::connect();
 echo '<section id="portfolio" class="grid">';
    foreach($pdo->query("SELECT * FROM albums ORDER BY album_id") as $row) 
    {
        echo '<figure class="effect-portfolio wow fadeIn">
                 <img src="'.$row['album_image'].'" alt="03_img"/>
                 <figcaption>
                    <h2>'.$row['album_name'].'</h2>
                    <a href="#portfolioModal2" class="portfolio-link" data-toggle="modal"></a>
                 </figcaption>
              </figure>';
    }
    echo '</section>
           <div class="portfolio-modal modal fade" id="portfolioModal2" tabindex="-1" role="dialog" aria-hidden="true">
           <div class="modal-content">
             <div class="close-modal" data-dismiss="modal">
               <div class="lr">
                  <div class="rl">
                  </div>
               </div>
             </div>';
   if(isset($_GET['album_id']) && is_numeric($_GET['album_id'])){
                $album_id = $_GET['album_id'];          
   $query = $pdo->query("SELECT * FROM images WHERE image_album = $album_id ORDER BY image_id DESC ");
      foreach ($query as $row) {                                 
         echo '<div class="container">
                <div class="row">
                    <div class="col-lg-8 col-lg-offset-2">
                        <div class="modal-body">
                            <div class="item active">
                              <img src="gallery/'.$row['image_name'].'" alt="...">
                            </div>
                        </div>
                    </div>
                </div>
               </div>';
      }      
   }
   echo '</div></div> ';
   Database::disconnect();       
?>        

我可能会看到问题出在哪里,但不知道如何修复它。在<a href="#portfolioModal2">我应该通过album_id但是如何完全准确?

0 个答案:

没有答案