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 github存储库提供的Facebook钩子。

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

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

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

1 个答案: