Html 我的fancybox根本没有出现

HTML:

没有显示任何内容。

您已在链接中设置了

rel=“group”

，但您正在使用

rel=“example\u group”

属性将fancybox绑定到元素

将fancybox绑定到适当的元素：

/*lightbox*/

.gallery a img {
    outline: none;
    border: 1px solid #BBB;
    padding: 2px;
    margin-left: 200px;
    vertical-align: top;
}

$（文档）.ready（函数（）{
$（“a[rel=group]”）。fancybox({
“transitionIn”：“无”，
“transitionOut”：“无”，
“标题位置”：“结束”，
“标题格式”：函数（标题、currentArray、currentIndex、currentOpts）{
返回'Image'+（currentIndex+1）+'/'+currentArray.length+（title.length？''+title:''）+''；
}
});
});

请提供链接。file:///G:/Stevenson/Web%202/308_vaca_loan/activities.htmlThat 链接是计算机的本地链接。你把它放在网上了吗？它不是一个真正的网站？我正在准备上课

/*lightbox*/

.gallery a img {
    outline: none;
    border: 1px solid #BBB;
    padding: 2px;
    margin-left: 200px;
    vertical-align: top;
}

$(document).ready(function() {
    $("a[rel=group]").fancybox({
        'transitionIn'      : 'none',
        'transitionOut'     : 'none',
        'titlePosition'     : 'over',
        'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
             return '<span id="fancybox-title-over">Image ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' &nbsp; ' + title : '') + '</span>';
        }
    });
});