Javascript Fancybox的问题

Javascript Fancybox的问题,javascript,jquery,fancybox-2,Javascript,Jquery,Fancybox 2,再次抱歉,这只是一个简单的问题。 网址: 试图让fancybox在画廊中发挥作用,这是一个基本的层面(fancybox网站告诉我来这里寻求建议) 基本上,我想配置的是,这是通过循环的图片与箭头,点击关闭,并没有关闭按钮。尝试使用以下代码: <script> $(document).ready(function() { $('.fancybox-test').fancybox({ prevEffect : 'none',

再次抱歉,这只是一个简单的问题。 网址:

试图让fancybox在画廊中发挥作用,这是一个基本的层面(fancybox网站告诉我来这里寻求建议)

基本上,我想配置的是,这是通过循环的图片与箭头,点击关闭,并没有关闭按钮。尝试使用以下代码:

<script>
    $(document).ready(function() {

        $('.fancybox-test').fancybox({
            prevEffect : 'none',
            nextEffect : 'none',
            closeClick : true,
            closeBtn  : false,
            arrows    : true,
            nextClick : false,

            helpers : {
                thumbs : {
                    width  : 50,
                    height : 50
                }
            }
        });



    });
    </script>

$(文档).ready(函数(){
$('.fancybox测试').fancybox({
效果:“无”,
下一个效果:“无”,
closeClick:true,
closeBtn:false,
箭头:是的,
下一步单击:false,
助手:{
拇指:{
宽度:50,
身高:50
}
}
});
});
令人恼火的是,不管我做什么,它都使用默认的Fancybox设置,这让我非常恼火,因为我发誓我已经正确调用了所有东西,包括图像上的所有js文件和类

我把所有的照片都叫做这样

<a class="fancybox-test" data-fancybox-group="thumb" href="images/portfolio-01.png"><img src="images/portfolio-preview-01.png" alt="" /></a>

尽管如此,我还是没有运气,而且我已经试了好几个小时没有,如果有人能告诉我一些情况,我将非常感激

其他小问题,当你第一次点击这些图片时,屏幕中央会出现一个小黑匣子。不确定这是我的一个bug,还是我正在使用的垃圾服务器,但是其他人看到了吗

谢谢你的帮助

詹姆斯


编辑:好的,我解决了黑盒问题,第一个仍然存在,但是您要导入Fancybox两次--两个不同的版本

http://2sixd.co.nf/js/jquery.fancybox.pack.js

它们是不同的版本。浏览器正在选择第一个版本,即1.3.4版。旧API在控制台中工作:

$('.fancybox-test').fancybox({
        'showCloseButton': false
    });
(见文件:)


这就是为什么你的配置不起作用。您正在为Fancybox 2使用语法

好的,我意识到旧的Fancybox用于网站上的另一个功能。因此,我删除了旧版本的所有痕迹,并将其全部升级到Fancybox 2。网站上标签之间的滚动仍然有效,这是旧版本Fancybox的用途,升级后仍然有效。然而现在,画廊的Fancybox甚至不起作用,它只是直接打开图片。如果你有任何可能知道什么是错误的,基本上所有的代码都是不变的,我使用的是正确的配置命令。我真正想要的是缩略图帮助器。根据组织文件。现在您没有任何/fancybox/source/helpers/目录。
$('.fancybox-test').fancybox({
        'showCloseButton': false
    });