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

时间:2014-05-12 14:35:53

标签: php jquery mysql

我想知道这是怎么做的。

这是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  !-->

我还没有完成数据库,我想了解一下如何完成这项工作。

1 个答案:

答案 0 :(得分:0)

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

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