代码之家  ›  专栏  ›  技术社区  ›  mtthwbsh

使用缩略图助手Fancybox时出现问题

  •  0
  • mtthwbsh  · 技术社区  · 11 年前

    目前正在使用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 回复  |  直到 11 年前
        1
  •  4
  •   JFK    11 年前

    你知道吗,你还必须包括fancybox拇指.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/ 下载的。