1

我完全一无所知，但通过使用这里找到的许多很好的答案，我设法让 Fancybox v2.1.0 工作。现在，我想将标题位置更改为“内部” - 我看到了各种代码，例如：

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

});

但我不知道该放在哪里 - 我要编辑 jquery.fancybox.js 文件吗？如果有，在哪里？我在第 182 行看到可以更改标题类型，但这似乎对我不起作用。

在确定这一点后，我想将打开/关闭更改为“弹性”，所以任何帮助也将不胜感激。没有在线示例页面 - 但它是缩略图的基本页面，每次单击以打开更大的单个图像。

非常感谢 - 很抱歉成为这样的新手 - 以前使用过 Lightbox，但 Fancybox 似乎更适合我的需要。

编辑（从评论中移动代码）这是我所拥有的：

<script type="text/javascript" src="ajax.googleapis.com/ajax/libs/jquery/1.8.1/... 
<link rel="stylesheet" href="lib/jquery.fancybox.css" type="text/css" media="screen" /> <script type="text/javascript" src="lib/jquery.fancybox.pack.js"></script> 
<script type="text/javascript"> 
 $(document).ready(function() { 
  $(".fancybox").fancybox(); 
 }); 
</script>
4

1 回答 1

1

你不需要弄乱原始的 js 文件，你只需要在你的 html 文档中加载 fancybox （看看这里包含什么）

然后，在<head>您的 html 文档部分中，包含此脚本（在按照上述说明加载 jQuery 和 fancybox js 文件之后）

<script type="text/javascript">
 $(document).ready(function(){
  $(".fancybox").fancybox({
    openEffect  : 'elastic',
    closeEffect : 'elastic',
    helpers     : {
        title: {
            type: 'inside'
        }
    }
  });​
 });
</script>
于 2012-09-15T07:03:24.947 回答