2

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

有人可以告诉我我的代码有什么问题吗，我没有任何错误

这是我的代码的一部分：

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

我想通过单击图像上的（单击事件）来打开弹出窗口。

4

1 回答 1

1

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

在这里，我使用了 Facebook github存储库中提供的 Facebook 钩子。

在 Jquery 就绪函数中添加以下行以附加 Facebook 的显示事件。

$(document).bind('reveal.facebox', function() {$('#facebox div.content image>div').parent('div').show() });
于 2013-04-30T11:39:47.777 回答