venobox の閉じるボタンを別の場所に付けたい
venobox という jQuery用のライブラリを使用してモーダルウィンドウで外部 HTML (同サイト内)をアイフレームで読み込む WEB サイトを制作しています。
- venobox http://lab.veno.it/venobox/
モーダルウィンドウを開いた際、背景の右上に × の閉じるボタンが表示されますが、これをモーダルウィンドウ内(枠内右上)に表示する方法と、読み込まれたHTML内に閉じるボタンを設置する方法を教えていただけませんでしょうか。
【追記】
少し質問内容がおかしかったので追記させていただきます。
アイフレームで読み込まれる側に閉じるボタンが設置できれば
閉じるボタンが枠内に表示されることになるので、私の質問はひとつでした。
何卒ご教授の程よろしくお願いいたします。
下記を読み込まれる側のHTMLに設置しただけではタメでした。
<div class="vbox-close">X</div>
Fancyboxで閉じるボタンを設置する場合などを参考に
読み込む側(親)を操作する必要があるようなので読み込まれる側(子)のHTMLにjQueryを読み込んだ上で下記のようにして
<script type="text/javascript">
$('.vbox-close').click(function(){
parent.$.○○○○○.close();
});</script>
parent以降の部分をvonoboxやcloseVboxなど色々変更してみたのですがダメでした。