インラインフレームを使って、lightboxを表示させたい
メインページ上にインラインフレームを使用して、写真のサムネイルを並べています。
このサムネイルをクリックすると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は動きます。
インラインフレーム内だと、動かないのです。
ソースのどの部分に手を加えると、メインページ上に、表示されるようになるのでしょうか。
アドバイスお願い致します。
お礼
素早いご回答有難うございました！ ただ今使わせていただいた所、望みの動作を確認しました。大感謝です。