Question

我有一个网站，我正在使用FancyBox v3

点击任何Showcase项目（网站下半部分的平铺图像），可以打开精美图片库中的图片库。

我遇到了一个非常奇怪的问题。我可以使用某些属性配置fancybox，但不能配置其他属性。例如，这不会显示加载时的缩略图，但会完全禁用循环。

$(document).ready(function(){
        $("#fancyboxLauncher_50").on("click", function () {
        console.log('clicking #fancyboxLauncher_50');

        $(".fancybox_50").fancybox({
                selector : '[data-fancybox="gallery_50"]',
                thumbs : {
                    autoStart   : true,   // Display thumbnails on opening
                },
                hash     : false,
                loop: false
                ).eq(0).trigger("click");
                return false;
            });                 

});

我真的需要在点击图库时显示缩略图。请帮忙！

Answer 1

您的代码有语法错误，应该是这样的：

$(document).ready(function() {
        $("#fancyboxLauncher_50").on("click", function () {
            console.log('clicking #fancyboxLauncher_50');

            $(".fancybox_50").fancybox({
                //selector : '[data-fancybox="gallery_50"]', // <- do you really need this?
                thumbs : {
                    autoStart   : true,   // Display thumbnails on opening
                },
                hash     : false,
                loop: false
            }).eq(0).trigger("click");

            return false;
        });                 

    });

FancyBox 3有些选项不起作用

1 个答案: