メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。メインのHTML（main.html）のheadに下記の記述をし、【main.html】インラインフレーム内（in.html）のサムネイルには下記を記述しています。【in.html】ちなみに、上記のタグをメインのHTMLに記述すると、ちゃんとlightboxは動きます。インラインフレーム内だと、動かないのです。ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。アドバイスお願い致します。

インラインフレームを使って、lightboxを表示させたい

解決済

質問者：akoblue
質問日時：2009/02/03 21:41
回答数：1件

メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。
このサムネイルをクリックするとlightboxで表示されるようにしたいのですが、上手くいきません。
メイン画像に表示されず、インラインフレーム内で、lightboxが動作せず、画像がリンクするだけです。

メインのHTML（main.html）のheadに下記の記述をし、
【main.html】
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>

インラインフレーム内（in.html）のサムネイルには下記を記述しています。
【in.html】
<a href="images/001.jpg" rel="lightbox" title="テスト"><img src="images/p01.jpg" border="0"></a>

ちなみに、上記のタグをメインのHTMLに記述すると、ちゃんとlightboxは動きます。
インラインフレーム内だと、動かないのです。

ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。
アドバイスお願い致します。