使用缩略图助手 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/ 下。