Question

我下载了最新版本的Fancybox，但对于我的生活，我无法弄清楚如何从外到内获取标题。我假设它是通过帮助程序完成的，但我在哪里放置代码？这是我的页面的链接，它的价值。 http://www.watercolorsplus.com/New/babyFootprints.html

我在这里读到的其他代码看起来像这样：

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

那么它会在身体标签结束之前发生吗？在头部？我肯定错过了什么。我不认为我必须用帮助器改变任何CSS。

Answer 1

你不需要'助手'。只需将标题设置为内部。

Docs

 $(document).ready(function() {
    $(".fancybox").fancybox({
        titlePosition:'inside'
    });  
});

Answer 2

您可以将fancybox自定义脚本放在<head>标记内之后加载jQuery和fancybox js文件，如：

<!doctype html>
<head>
<title>title</title>
... other stuff, etc.
<link href="{path}/jquery.fancybox.css" type="text/css" rel="stylesheet" />
<script src="{path}/jquery.js"></script>
<script src="{path}/jquery.fancybox.js"></script>
<script>
jQuery(document).ready(function ($) {
    $(".fancybox").fancybox({
        helpers: {
            title: {
                type: 'inside'
            }
        }
    });
});
</script>
... other stuff maybe
</head>

假设您有class="fancybox"的链接。

是的，如果您使用的是最新版本的fancybox（今天为v2.1.5），则需要helpers API选项来更改title位置。

参见 JSFIDDLE

如何将标题位置更改为内部或更高？

2 个答案: