0

左側に div 要素があり、中央に iframe があり、右側に別の iframe がある Web ページを設計しました。

1.中央のiframeで、これらの画像をクリックするとサムネイル画像が読み込まれ、ライトボックスプラグインが呼び出され、ドキュメント全体に大きな画像を表示する必要があります（背景がぼやけています）。

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

3. インターネットからライトボックス プラグインをダウンロードし、自分の Web ページで使用しています。

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 &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>

ありがとう。

4

1 に答える 1

0

私が直面していた問題の解決策がここにあります

http://www.dynamicdrive.com/forums/archive/index.php/t-19051.html

于 2012-05-03T09:05:03.620 に答える