Question

再次抱歉，这是一个非常简单的问题。网站：http://2sixd.co.nf/

试图让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>

令人讨厌的是，无论我做什么，它都可以使用默认的Fancybox设置，这实在令我烦恼，因为我发誓我已经正确地调用了所有内容，包括图像上的所有js文件和类。

我已经调用了所有这样的照片

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

尽管这仍然没有运气，而且我已经尝试了好几个小时，如果有人能说清楚，我会非常感激。

小的其他问题，当您第一次点击这些图片时，屏幕中央会出现一个小黑框。我不确定它是我的错误，还是我使用的垃圾服务器，但其他人是否看到了这个？

感谢您的帮助！

詹姆斯

编辑：好的，所以我解决了黑匣子问题，但第一个问题仍然存在

Answer 1

您正在两次导入Fancybox - 两个不同的版本

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

和

http://2sixd.co.nf/fancybox/source/jquery.fancybox.pack.js?v=2.1.5

他们的版本不同。浏览器正在拿起第一个版本，即版本1.3.4。旧的API在控制台中工作：

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

（参见文档：http://fancybox.net/api）

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

Fancybox的问题

1 个答案: