2012-04-24 11 views
0

左側にdiv要素があり、中央にiframeがあり、右側に別のiframeがあるWebページを設計しました。Lightboxを使った作業Jqueryプラグイン

1.中央のiframeでは、ライトボックスプラグインが呼び出され、ドキュメント全体に大きな画像を表示する必要があります(背景がぼやけている)。

2.私が直面している問題は、ライトボックスプラグインが(ソーシャルネットワーキングサイトの多くの場合のように)ドキュメント全体ではなく、iframeの中央にロードされていることです。

3.Iは、インターネットからのライトボックスのプラグインをダウンロードして自分のWebページ

4.Iでそれを使用している画像は、ライトボックスの助けを借りて、ドキュメント全体に表示します。

すべてのヘルプは大幅にここ

は私が

<!--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 &amp; 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> 

感謝を書かれているコードスニペットで認識されます。私が直面した問題の解決策を持っている

+0

あなたは私たちにあなたが現在やっていることの一例を与えることができますか? http://jsfiddle.net – bvulaj

+0

ページは3つのセクションに分割されています。最初のセクションはメニュー項目をクリックするとメニュー項目が表示され、同じページのphpを使用してデータベースから読み込まれます。iframe.when thubnail imageクリックするとライトボックスが表示され、大きな画像が表示されます。問題はライトボックスがiframe内にロードされているためです(ソーシャルネットワーキングサイトのように、フォアグラウンドとページの他の3つのセクションすべてに表示されます)。 –

+0

私の言うことは、実際にあなたのコードを見る必要があるかどうかです。 – bvulaj

答えて

関連する問題