jquery - 仅将视频的 fancybox 标题样式更改为“外部”

Question

所以我有一个图片库和一个视频。我希望图像具有“over”类型的标题，而视频具有“inside”类型的标题。下面的代码是我尝试过的，但是视频标题仍然“结束”，单击视频缩略图只会导致fancybox覆盖闪烁。如果我删除了 fancybox-media 定义，否则视频缩略图可以正常工作。

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({
            margin: 10,
            padding: 10,

            helpers : {
                title : {
                    type : 'over'
                },
                media : {}
            }
        });

        $('.fancybox-media').fancybox({
            helpers : {
                title : {
                    type : 'inside'
                }
            }
        });

    });
</script>

然后在 HTML 中：

<a class="fancybox fancybox-media" href="http://www.youtube.com/v/EIyixC9NsLI?hd=1&autoplay=1" data-fancybox-group="gallery" title="Here is a video."><img class="thumb" src="tn_video.png" alt="" /></a>

答案有关系.attr('rel', 'gallery')吗？我真的不明白那是做什么的。

Answer 1

您是否尝试创建 2 个单独的 fancybox 函数调用，一个用于fancybox fancybox-media，因为在那里，它们可能相互重叠。

像这样的东西（未经测试）：

    $(".fancybox").fancybox({
        margin: 10,
        padding: 10,

        helpers : {
            title : {
                type : 'over'
            },
            media : {}
        }
    });
    $(".fancybox-media").fancybox({
        margin: 10,
        padding: 10,

        helpers : {
            title : {
                type : 'inside'
            },
            media : {}
        }
    });