無法在彈出窗口中顯示圖像

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() });