0

我正在使用超大插件http://buildinternet.com/project/supersized/来获得全屏画廊。

它本身工作正常，但我只需要从一个花式框按钮和一个 esc 按钮隐藏和显示它。我正在使用fancybox 2，我也想实现全屏，所以我使用了超大尺寸。

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

答案并不像您想象的那么简单，因为如果您尝试将 'display: none' 设置为 div#supersized 和其他相关 div，当您显示它时，图像的自动“适合”不起作用......

如果您设置“可见性：隐藏”，它似乎可以工作，但是当我想第一次看到第一张图像时，应该显示图像的框是完全白色的。

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

有什么建议么？

4

1 回答 1

2

这是解决方案（或解决方法）：

设置这个全局变量：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) 的参数是传递给超大画廊的索引。

享受。:)

于 2012-05-28T00:01:25.697 回答