jquery - 使用缩略图助手 Fancybox 时遇到问题

Question

目前使用 Fancybox 在此原型上显示灯箱画廊

我在触发 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/位于下载的子目录下。