麻烦使用缩略图助手Fancybox

时间:2013-02-16 21:08:35

标签: jquery fancybox thumbnails

目前使用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 : '');
        }
    });
});

1 个答案:

答案 0 :(得分:4)

您是否知道还要包含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/下。