无法在弹出窗口中显示图像

Question

我有这个问题：我想在弹出窗口中打开图像，但图像未在弹出窗口中加载。

有人能告诉我什么是错我的代码，我没有任何错误

这是我的代码的一部分：

<?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"> 

我想打开弹出窗口点击图片上的（点击事件）。

Answer 1

发生这种情况是因为目标div被隐藏，因此必须在显示图像弹出窗口之前更改其样式。

在这里我已经使用Facebook的钩子在Facebook github存储库。

在Jquery ready函数中添加以下行以附加Facebook的揭示事件。

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