0
我設計了一個網頁，左邊有一個div元素，中間有iframe，右邊有另一個iframe。使用Lightbox Jquery插件
1.在中心的iframe中，我點擊這些圖片加載縮略圖圖片，調用lightbox插件並在整個文檔上顯示較大的圖片（背景模糊）。
2.我正面臨的問題是，燈箱插件在中心iframe中加載，而不是在整個文檔中（如在許多社交網站中）。
3.我已經從網上下載的燈箱插件，並用它在我的網頁
4，我想與收藏的幫助來顯示整個文檔中的圖像。
任何幫助是極大的讚賞
這裏是我寫
<!--this code is written in home page-->
<div>
<ul>
<li><a href="http://localhost/php/image.php?category=sea" target="description" class="underline">SEA</a></li>
<li><a href="http://localhost/php/image.php?category=ANIMALS" target="description" class="underline">ANIMALS & BIRDS</a></li>
<li><a href="http://localhost/php/image.php?category=plants" target="description" class="underline">plants</a></li>
<li><a href="http://localhost/php/image.php?category=Tourism" target="description" class="underline">Tourism</a></li>
<ul>
</div>
<filedset><iframe name="description" width="725px" height="800px" align="left" frameborder="0" id="description"></iframe></fieldset>
<fieldset>
<iframe name="info" width="300px" height="380px" frameborder="0" src="UserInformation.php" id="iframeid"><!--logged in user's information-->
</iframe>
</fieldset>
<!--this code is written in image.php file-->
<head>
//calling JQUERY LIGHT BOX PLUGIN HERE ON clicking an image displayed in this page(within iframe name="description")
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="../css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox();
});
</script>
</head>
感謝代碼段。
？ http://jsfiddle.net – bvulaj 2012-04-24 18:37:41
一個頁面垂直分爲三個部分。第一部分在菜單項上點擊菜單項，圖像列表使用php在同一頁面上但在iframe中從數據庫加載。當thubnail圖像被點擊的插件被調用來顯示更大的圖像。問題是燈箱被加載到iframe中我希望它顯示在前臺和頁面的所有其他3個部分在後臺（如在社交網站中）。 – 2012-04-25 04:35:46
我的意思是說，我們實際上需要看你的代碼。 – bvulaj 2012-04-25 12:38:27