从数据库中提取多个图像并使用 jquery 以缩略图格式显示它们答案

【问题标题】：Pull multiple image from database and display them in thumbnail format using jquery从数据库中提取多个图像并使用 jquery 以缩略图格式显示它们
【发布时间】：2014-06-29 23:38:03
【问题描述】：

我只想知道这是怎么做到的。

这是 html 代码，现在当我从数据库中提取此信息以显示如下时
缩略图。如何将 php 合并到其中以显示相同的结果。当您将鼠标悬停在图片上时，此缩略图库会放大图片

基本上我对如何将数据库中的图片显示到下面的 html 代码中以获得与使用 jquery 时代码提供的相同结果感到困惑。

<div id ="thumbnail_pics">

<ul>
        <li class="thumb"><a href="1.jpg" class="preview" title="Bathroom"><img src="1s.jpg" alt="gallery thumbnail" /></a></li>
        <li class="thumb"><a href="2.jpg" class="preview" title="Pool"><img src="2s.jpg" alt="gallery thumbnail" /></a></li>
        <li class="thumb"><a href="3.jpg" class="preview" title="Kitchen"><img src="3s.jpg" alt="gallery thumbnail" /></a></li>
        <li class="thumb"><a href="4.jpg" class="preview" title="Main Bedroom"><img src="4s.jpg" alt="gallery thumbnail" /></a></li>
</ul>

</div>  <!-- Thumbnail   end  !-->

我还没有完成数据库，我只是想要一个如何完成的示例。

【问题讨论】：

标签： php jquery mysql

【解决方案1】：

您将查询数据库，然后使用循环以您选择的格式显示结果。我假设您知道如何连接到数据库，因此请参阅下面的链接以获取使用 PHP PDO 进行数据库查询和循环的示例。

http://uk3.php.net/pdo.query#refsect1-pdo.query-examples

【讨论】：

是的，我知道如何连接，但你能给我举个例子吗？我会怎么做？我不能在上面的 img 标签中回显这些图像吗？一旦我从数据库中检索它们就显示它们。我是 php 新手，因此目前不使用 pdo
您通常会将文件名存储在数据库中并回显文件名，您显然可以将其与文件路径的其余部分一起添加。例如<img src="<?php echo $row['filename']" alt="gallery thumbnail" />