使用导航按钮对iframe进行Fancybox2修改

时间:2013-03-22 17:00:05

标签: javascript iframe fancybox-2

我有一个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>

0 个答案:

没有答案