jquery - Open lightbox link outside of iframe window -
i have iframe in photo links. i'm trying enable lightbox go parent display photos @ moment confined within iframe itself.
i tried using <base target="_parent"
works navigating links doesn't seem work lightbox.
the lightbox using jquery based. nyromodal v2 :: jquery plugin.
i have searched google , found 1 apparent solution on windows-addict.com doesn't work. switched the exact same lightbox using in example in case mistake on end.
i'm pretty sure there simple explaination knows lightbox , iframes i've exhausted of ideas @ point!
does know solution?
edit code:
this call in <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 -->
this in <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>
both of <head>
, <body>
segments of code located within iframe content.
the call iframe simply:
<iframe src="mysite.com/iframe" style="border-style: none; width: 100%; height: 1500px; overflow-y: hidden;"></iframe>
Comments
Post a Comment