「内側の HTML から parent
参照で ESC キーを打つ 」と、ダイアログが閉じます。
以下の1行:
parent.$("body").trigger( parent.$.Event("keydown", { keyCode: 27 }) );
この方法を含んだサンプルを以下に張ります。
outer.html :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>
<link rel="stylesheet" type="text/css" href="http://lab.veno.it/venobox/venobox/venobox.css" />
<script src="http://lab.veno.it/venobox/venobox/venobox.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.venobox').venobox();
$('.venobox_custom').venobox({
framewidth: '100%',
frameheight: 700,
border: '10px',
bgcolor: 'white',
titleattr: 'data-title',
numeratio: true,
infinigall: true
});
$("#firstlink").venobox().trigger('click');
});
</script>
</head>
<body>
<a class="venobox_custom" data-type="iframe" href="inner.html">Open in iFrame</a>
</body>
</html>
inner.html :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>
</head>
<body>
<div class="vbox-close">X</div>
<script type="text/javascript">
$('.vbox-close').click(function(){
var e = parent.$.Event("keydown", { keyCode: 27 });
parent.$("body").trigger( e );
});
</script>
</body>
</html>
補足: 外部の隙間をなくす方法
以下のように余白をなくせば、内側のコンテンツをいじらなくても結果としてボタンがウィンドウ内に表示されます。
.vbox-content {
margin: 0px !important;
}
.venoframe {
padding: 3px !important;
}
$(document).ready(function(){
$('.venobox').venobox();
$('.venobox_custom').venobox({
framewidth: '100%',
frameheight: 700,
border: '10px',
bgcolor: 'white',
titleattr: 'data-title',
numeratio: true,
infinigall: true
});
$("#firstlink").venobox().trigger('click');
});
.vbox-content {
margin: 0px !important;
}
.venoframe {
padding: 3px !important;
}
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> </script>
<link rel="stylesheet" type="text/css" href="http://lab.veno.it/venobox/venobox/venobox.css" />
<script src="http://lab.veno.it/venobox/venobox/venobox.min.js"></script>
</head>
<body>
<a class="venobox_custom" data-type="iframe" href="http://www.whitehouse.gov/">Open in iFrame</a>
</body>
venobox/venobox.js
へのリンクで十分です。その上で Shinmai さんご自身の試行過程がわかるようなものを書いてください。