由php填充的jquery循环库

Question

我有一个由PHP填充的简单的jquery循环库。我想添加一个 “onclick”事件对应的每个图像，揭示更高分辨率的JPEG。
我想只是把一些内嵌的JavaScript像这样：

print('<div class="bigimg"><img onclick="javascrpt:load wrapper2 with (\''.$lrg_images.$file.'\')" src="' . $cycle_images . $file . '" class="change" align="right"></div>'."\r\n"); 

...所以每个放大的图像必将它的周期画廊对口。 这是我到目前为止的肉。

//directory containing large images 
$lrg_images = './images/images_lrg/'; 
//directory containing medium images 
$cycle_images = './images/images_med/'; 

function getPictures() { 
    while ($count < $per_page && ($file = readdir($handle)) !== false) { 
     if (!is_dir($file) && ($type = getPictureType($file)) != '') { 
      print('<div class="bigimg"><img src="' . $cycle_images . $file . '" class="change" align="right"></div>'."\r\n"); 
     } 
    } 
<!-- container for cycle gallery --> 
<div id="feature_gallery"><?php getPictures(); ?></div> 

<!-- container for enlarged image --> 
<div id="wrapper2"></div> 

谢谢，让我知道你是否需要任何澄清。

Answer 1

jQuery Facebox插件将对您有所帮助。

您可以将它绑定到您的元素，以便在单击它们时打开。在the homepage上有这样的例子。