Question

我有一个包含两种内容的图库：图片和YouTube视频

$(".fancybox").fancybox({
    padding : 0,
    beforeShow: function () {
        /* Disable right click */
        $.fancybox.wrap.bind("contextmenu", function (e) {
                return false; 
        });
        if (this.title) {
            // New line
            this.title += '<br />';

            // Add FaceBook like button
            this.title += '<iframe src="//www.facebook.com/plugins/like.php?href='+this.href+'&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=true&amp;share=true&amp;height=21&amp;appId=443532569031197" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:21px;" allowTransparency="true"></iframe>';

        }
    },
    afterShow: function() {
        //show title over image
        $(".fancybox-title").wrapInner('<div />').show();

        //title show on hover effect
        $(".fancybox-wrap").hover(function() {
            $(".fancybox-title").show();
        }, function() {
            $(".fancybox-title").hide();
        });

        //adding custom text append picture
        var text = $(this.element).attr('data-own');
        if(text)
            this.inner.append( '<p>' + text +'<p>' );
    },
    helpers : {
        //custom background
        overlay : {
            css : {
                'background' : 'rgba(0, 0, 0, 0.95)'
            }
        },
        title: {
            type: 'over'
        }
    }
});

试试http://jsfiddle.net/tonda13/c5ePL/

我需要将标题移到“外部”或完全隐藏YouTube视频。你有什么建议吗？

Fancybox仅为YouTube视频移动标题

0 个答案: