麻烦使用缩略图助手Fancybox

Question

目前使用Fancybox在此prototype

上显示灯箱图库

我在触发Fancybox（包括缩略图助手）时使用以下jQuery但无法显示它们。有什么想法吗？

$(document).ready(function () {
    $(".fancybox").fancybox({
        type: "image",
        helpers: {
            title: {
                type: 'inside'
            },
            buttons: {},
            thumbs: {
                width: 50,
                height: 50
            }
        },
        afterLoad: function () {
            this.title = '' + (this.index + 1) + ' of ' + this.group.length + (this.title ? ' - ' + this.title : '');
        }
    });
});

Answer 1

您是否知道还要包含fancybox-thumbs .js和.css文件？喜欢：

<link rel="stylesheet" href="./helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="./helpers/jquery.fancybox-thumbs.js"></script>

....（检查你设置了你自己的正确路径）否则你永远不会让它们工作。

它们位于下载的子目录helpers/下。