WP-求教点击缩略图用弹出层显示原图的解决方法

请教各位一个问题：

我用一个函数自动获得文章的第一张图片做缩略图，并在首页调用，然后我想实现的是：点击这个缩略图，在当前页面弹出层显示这张图片的原图（就是直接在当前页面上查看这个缩略图的大图）。

于是我在这个弹出层里放入同样的函数《img src=函数》（调用第一张图片的函数），但发现调用出来的是当前页面所有文章的第一张图片，请问一下要怎么解决这个问题呢？谢谢。

PS：我还试过用自定义字段来调用，《img src=自定义字段图片地址》。弹出层调用出来的也是当前页面所有文章的自定义字段内容。晕倒。

我使用的弹出层的JS就是在这篇文章中介绍的：http://www.qianxingzhem.com/demo/1758/。

使用的调用第一张图片的函数是这个：

[code]function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];

if(empty($first_img)){ //Defines a default image
$first_img = "/images/default.jpg";
}
return $first_img;
}[/code]。

再次致谢。