我试图在页面上制作不同的类别,当用户点击某个类别时,必须在将打开的模态窗口中加载该类别的所有图像。
到目前为止,我只成功加载了类别,但无法弄清楚如何在模态窗口上加载图像。 这是我到目前为止的代码。可能是完全错误所以我需要一些帮助。当前模态在打开时为空
<?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
但是如何完全准确?