无法在弹出窗口显示图像


not able to show image in popup

我有这个问题:我想在弹出窗口打开图像,但图像没有在弹出窗口加载。

谁能告诉我我的代码有什么问题,我没有任何错误

这是我代码的一部分:

<?php
defined('_JEXEC') or die('Restricted access');
$db = JFactory::getDBO();
$query=$db->getQuery (true);
$query->SELECT ('*');
$query->from('#__feature_film_image_data');
$db->setQuery( $query);
$results = $db->loadObjectList();
?>
<?php foreach($results as $result):?>
<div class="work mr9">
 <a href="<?php echo $result->id; ?>" rel="facebox">
  <img src="<?php echo $result->image; ?>" width="172" height="111">
 </a>
</div>
<?php endforeach; ?>
<div class="popup-div">
<?php foreach($results as $result):?>
 <div id="<?php echo $result->id; ?>" style="display:none;">
  <img src="<?php echo $result->image?>" alt="some alt txt">
 </div>
 <br clear="all">
<?php endforeach; ?>
</div>
<br clear="all">

我想通过点击图像上的(点击事件)打开弹出窗口。

这是因为目标div是隐藏的,你必须在显示图像弹出之前改变它的样式。

这里我使用的是Facebook github库中给出的Facebook hook。

在Jquery ready函数中添加下面的行来附加Facebook的reveal事件。

$(document).bind('reveal.facebox', function() {$('#facebox div.content image>div').parent('div').show() });