Question

我正在尝试让fancybox2在我的网站上运行，并且导航箭头出现问题。

当查看作为图库的一部分的图像时，单击上一个/下一个箭头（相同的rel）只会导致一个空的平方花式框，其中“next”（或“previous”）作为标题。我无法回到我正在寻找的图像，必须关闭fancybox。

奇怪的是，Fancybox似乎工作正常，所有脚本和css都正确加载，我能够在fancybox中打开图像，甚至可以通过键盘或通过键盘在同一个库的项目之间导航激活nextclick选项时单击内容（因此显示我自己的选项被正确考虑）。

配置：wordpress 3.3.1，php 5.5.9，在更新的Chrome和FF上测试。

以下是我使用的一些代码部分：

jQuery(document).ready(function() {

jQuery("a[class*=fancybox]").fancybox({
        nextClick:'true',
        openEffect      : 'elastic',
        closeEffect     : 'fade',
        nextEffect      : 'easeOutBack',
        prevEffect      : 'easeInBack',
        helpers : {
            title : {
                type : 'outside'
            }
        },

  });

});

在我的页面上，我的图库设置了不同的项目，如下所示：

<a rel="gallery" class="gallery fancybox" href="link to myimage.jpg"></a>

感谢您提供任何帮助！

Answer 1

对于初学者，你应该使用jQuery("a.fancybox")来启动你的fancybox，我怀疑你的php版本是否正确。

如果你得到一个空的花式框，那么这可能意味着下一个/ prev的对象没有正确加载。

同时检查控制台中的错误（在Chrome F12中）并发布。您给我们调试的信息有点微薄。

导航箭头不在fancybox中工作

1 个答案: