JQueryライトボックスプラグインでテキストとdiv要素をオーバーレイできますか？

私はこのライトボックスのプラグインを見つけ、私のプロジェクトでそれを実装することを考えました。自分のアプリケーションでデータをエクスポートするオプションがあります。エクスポートリンクをクリックすると、ライトボックスにテキストやテキストなどのテキストとボタンが表示され、テキストファイルにエクスポートするようになります。JQueryライトボックスプラグインでテキストとdiv要素をオーバーレイできますか？

ライトボックスプラグインはイメージのみをオーバーレイしますか？そうでない場合は、どうすればテキストやdiv要素を上書きできますか？これは私がライトボックスに表示するdiv要素である

<a class="button" id="export_entries">Export</a>

：

これは、輸出のリンクです。

<div id="lightboxContent"> 
<div class="info"> 
    <h2>Export Options</h2> 
    <div>How would you like that?</div> 
</div> 

<div class="stuff"> 
    <p class="center"> 
     <a class="button" title="Excel Document" href="#">Excel(.xls)</a> 

     <a class="button" title="Tab Delimited" href="#">Text(.txt)</a> 


    </p> 
</div>

EDIT 1

私はライトボックスにhtmlファイルをロードするオプションを持っていたfaceboxと呼ばれる別のライトボックスのプラグインを、試してみました。しかし私にとっては、htmlファイルは新しいページとして読み込まれます。誰でも助けてくれますか？

私は以下のコードを与えてくれた：

<script type="text/javascript" src="/FormBuilder/app/webroot/js/jquery.js"></script> 
<script type="text/javascript" src="/FormBuilder/app/webroot/js/facebox/facebox.js"></script> 
<link type="text/css" rel="Stylesheet" href="/FormBuilder/app/webroot/css/facebox/facebox.css" media="screen,projection" /> 

<a class="button" rel="facebox" id="export_entries" href="/lightbox.html" >Export</a>

出典

2009-08-21 Angeline