Открыть ссылку на лайтбокс за пределами окна iframe

У меня есть iframe, в котором есть несколько ссылок на фотографии. Я пытаюсь включить лайтбокс для отображения фотографий, но на данный момент он ограничен самим iframe.

Я пытался использовать <base target="_parent", который работает для навигации по ссылкам, но не работает для лайтбокса.

Лайтбокс, который я использую, основан на jQuery. NyroModal v2 :: Плагин jQuery.

Я искал в Google и нашел одно очевидное решение на windows-addict.com, но оно не работает. Я даже включил тот же самый лайтбокс, который он использовал в своем примере, на случай, если это была ошибка с моей стороны.

Я почти уверен, что есть простое объяснение для тех, кто знает о лайтбоксах и фреймах, но я исчерпал все свои идеи на этом этапе!

Кто-нибудь знает решение?

РЕДАКТИРОВАТЬ с кодом:

Это вызов в <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 jquery css lightbox
person user3583173    schedule 16.05.2014    source источник
comment
пожалуйста, опубликуйте весь соответствующий код, необходимый для воспроизведения проблемы   -  person Chris L    schedule 16.05.2014
comment
Крис М, я обновил вопрос с кодом.   -  person user3583173    schedule 16.05.2014
comment
сделать скрипку, которая воспроизводит проблему. Я не знаю, что это значит: я пытаюсь включить лайтбокс для отображения фотографий.   -  person Chris L    schedule 16.05.2014
comment
у вас также есть код в родительском фрейме? если это так, весь ваш код лайтбокса должен быть в родительском, а не в iframe. затем вы можете вызвать код лайтбокса из iframe, используя window.frames.top. если вы не являетесь владельцем родительского фрейма, то такая же политика происхождения не позволит вам выполнение этого.   -  person Kyle    schedule 16.05.2014
comment
@Kyle, да, я могу редактировать каждую страницу. ChrisM, лайтбокс расширяется только до параметров iframe, а не родительской страницы, компонентом которой является iframe. Ссылка на эту страницу: ссылка   -  person user3583173    schedule 16.05.2014