Question

我正在使用超大尺寸插件http://buildinternet.com/project/supersized/来获取全屏图库。

它本身工作正常，但我需要隐藏并仅显示来自fancybox按钮和esc按钮。我正在使用fancybox 2，我也希望实现全屏，所以我使用了超大号。

问题是：如何在不影响其行为的情况下隐藏超大尺寸？

你认为答案并不简单，因为如果你试图将'display：none'设置为div＃supersized，以及其他相对div，当你显示它时，图像的自动“适合”不起作用。 ..

如果您设置'visibility：hidden'似乎可以正常工作，但是当我想第一次看到第一张图片时，应该显示图片的框是完全白色的。

您可以看到我的测试网站，例如：http://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO

有什么建议吗？

Answer 1

以下是解决方案（或解决方法）：

设置此全局变量：first = true;

创建这两个实用程序函数：

function fullScreen(n) {
    // Init supersized only at first time
    if (first) {
        jQuery(function($){
            $.supersized({
                // All the supersized 'options': 'value'
            });
        });
        first = false;
    }
    // Repeat this for each element of the page
    // which needs to be hided while supersized is running
    $('#myElem').fadeOut();

    // Show it
    $('#supersized-container').fadeIn();
    $('#supersized').fadeIn();
    api.goTo(n+1);
}

function closeFull() {
    $('#supersized-container').fadeOut();
    $('#supersized').fadeOut();

    // Same as above
    $('#myElem').fadeIn();
}

然后使用它们在超大页面和普通页面之间切换。

注意：fullScreen（n）的参数是传递给超大画廊的索引。

享受。：）

JQuery全屏画廊

1 个答案: