0

我有一个 iframe 弹出窗口列表，我正在使用 data-fancybox-group="gallery" 以便用户可以左右浏览内容。此列表所在的页面也在 iframe 中。这样做的原因是主标题不会重新加载，因为它需要通过 soundcloud 播放连续的音乐。我不得不修改 $('.fancybox').fancybox(); 使 iframe 内容自动调整大小以适应内容并显示在其父框架之外。但是，此修改后的脚本会阻止按钮功能正常工作。这是我的代码，基本上我需要让 iframe 按钮功能像画廊一样工作......

<script type="text/javascript">
    $(document).ready(function() {
        /*
         *  Simple image gallery. Uses default settings
         */

        $('.fancybox').click(function(e){
        e.preventDefault();
        parent.$.fancybox({'href'          : this.href, 
        'type':'iframe',

        autoSize : false});
         //fancybox
        return false;
        }); //click

        /*$('.fancybox').fancybox();*/

        /*
         *  Button helper. Disable animations, hide close button, change title type and content
         */

        parent.$('.fancybox-buttons').fancybox({
            openEffect  : 'none',
            closeEffect : 'none',

            prevEffect : 'none',
            nextEffect : 'none',

            closeBtn  : false,

            helpers : {
                title : {
                    type : 'inside'
                },
                buttons : {}
            },

            afterLoad : function() {
                this.title = 'Image ' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
            }
        });


    });

</script>
4

0 回答 0