PHP，MySQL，Ajax：在弹出窗口中显示动态数据

Question

在我的数据库中有一些字段，如图像ID，图像路径，图像描述。我从MySQL获取数据并显示图像。但是，当我点击图像时，我需要对每个图像进行描述，然后描述应显示在弹出窗口中。

我该怎么做？请提供一些代码。

提前致谢。

Answer 1

使用'fancybox'脚本。

Here is the past release

包含CDN和Fancybox的jQuery：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript" src="/fancybox/jquery.fancybox-1.3.4.pack.js"></script>

包含样式：

<link rel="stylesheet" href="/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />

例如，单张图片：

<a id="single_image" href="<?=$your_var_with_path_to_big_photo?>">
  <img src="<?=$your_var_with_path_to_preview?>" alt="My photo"/>
</a>

使用jQuery选择器的Fire插件：

$(function(){
  $("a#single_image").fancybox();
});

你也可以创建一个画廊

Answer 2

您可以使用Colorbox，Fancybox等灯箱脚本。或者jQuery UI Dialog可能是另一种选择。