由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上有這樣的例子。