Question

我有一个iframe，其中有一些照片链接。我正在尝试启用灯箱去父母显示照片，但此刻它被限制在iframe内。

我尝试使用<base target="_parent"用于导航链接似乎不适用于灯箱。

我使用的灯箱是基于jQuery的。 NyroModal v2 :: jQuery Plugin

我搜索了谷歌并在windows-addict.com上找到了一个明显的解决方案，但它不起作用。我甚至改变了他在他的例子中使用的完全相同的灯箱，以防我的错误。

我很确定对于了解灯箱和iframe的人有一个简单的解释，但我已经用尽了所有的想法！

有人知道解决方案吗？

编辑代码：

这是<head>：

中的来电

<!-- lightbox -->
<link rel="stylesheet" href="http://static.tumblr.com/wlao44f/cDln5ocfk/nyromodal.css"     type="text/css" media="screen" />
<script type="text/javascript"     src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript"     src="http://static.tumblr.com/wlao44f/kYon5ocgm/jquery.nyromodal.custom.js"></script>
<!--[if IE 6]>
    <script type="text/javascript"     src="http://static.tumblr.com/wlao44f/Qp8n5ochk/jquery.nyromodal-ie6.min.js"></script>
<![endif]-->
<script type="text/javascript">
$(function() {
  $('.nyroModal').nyroModal();
});
</script>
<!-- lightbox -->

这是<body>：

<a href="http://www.utsc.utoronto.ca/~parentinfant/assets/img/sample-thumbnail275.jpg"     id="imgFiche" class="nyroModal" rel="gal">Img 1</a>
<a href="http://www.utsc.utoronto.ca/~parentinfant/assets/img/sample-thumbnail275.jpg"     class="nyroModal" rel="gal">Img 2</a>
<a href="http://www.utsc.utoronto.ca/~parentinfant/assets/img/sample-thumbnail275.jpg"     class="nyroModal" rel="gal">Img 3</a>

<script type="text/javascript">
$(function() {
  $('.nyroModal').nyroModal();
});
</script>

代码的<head>和<body>段都位于iframe内容中。

对iframe的调用只是：

<iframe src="mysite.com/iframe" style="border-style: none; width: 100%; height:     1500px; overflow-y: hidden;"></iframe>

在iframe窗口外打开灯箱链接

0 个答案: