как открыть световую галерею вне iframe parentWindow

Question

Вот Html

  <div class="card-body" style="display:none" id="card-body" >
            <iframe id="frame{{req['RequestID']}}" class="frameTracking iframe-container" border="0" width="100%"
                    height="100%" data-src="{{ url_for('ViewTracking',reqID = req['RequestID']) }}" src="" onload="frameload(this);" >

            </iframe>
        </div>

Вот html, который находится в другом файле

 <table class="table lightgallery">
   <td>
 <span class="spnImg">Click here to view <a  data-href="{{img_path2|string}}"  class="lnk_tracking_img">screenshot </a>

                                </span>
</td>
 </table>

Ниже данной функции, которая вызывалась при загрузке

<script src="{{ url_for('static',filename='global_assets/lightbox/js/lightgallery-all.min.js')}}"></script>
<script src="{{ url_for('static',filename='global_assets/lightbox/js/jquery.mousewheel.min.js')}}"></script>
<script type="text/javascript">
function frameload(iframe) {
    // live handler
    var doc = iframe.contentWindow || iframe.contentDocument;
    if (doc.document) { doc = doc.document; };
    $('.lightgallery', doc.body).lightGallery({
              selector : '.spnImg',
              thumbnail : false,
            });
};
</script>

Любая помощь будет принята с благодарностью