Question

所以我有一个图像库和一个视频。我希望图像能够超过＆＃34; over＆＃34;输入标题和视频以获得＆＃34;内部＆＃34;类型标题。下面的代码是我尝试过的，但视频标题仍然是＆＃34; over＆＃34;，点击视频缩略图只会导致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 : {}
        }
    });

仅为视频将fancybox标题样式更改为“outside”

1 个答案: