0

全画面ギャラリーを取得するために、特大プラグインhttp://buildinternet.com/project/supersized/を使用しています。

それ自体は正常に動作しますが、fancybox ボタンと esc ボタンからのみ非表示にして表示する必要があります。私は fancybox 2 を使用しており、フルスクリーンも実装したいので、スーパーサイズを使用しました。

問題は、その動作を損なうことなく超サイズを非表示にするにはどうすればよいかということです。

「display: none」を div#supersized やその他の相対 div に設定しようとすると、画像を表示するときに自動「フィット」が機能しないため、答えは簡単ではありません...

「可視性：非表示」に設定すればうまくいくようですが、最初の画像を初めて見たいときに、画像を表示する必要があるはずのボックスが真っ白です。

たとえば、私のテスト サイトを見ることができます: http://provaschiavello.altervista.org/Projects/STARFISH%20SQUARE%20|%20PIAZZA%20VITTORIO

助言がありますか？

4

1 に答える 1

2

解決策（または回避策）は次のとおりです。

次のグローバル変数を設定します: first = true;

次の 2 つのユーティリティ関数を作成します。

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 に答える