0

クライアント用に LightBox_Me をセットアップしようとしています。アイデアは、ページがロードされたときに年齢確認オーバーレイが表示され、「18 歳以上ですか?」と尋ねられるようにすることです。はいまたはいいえ。[はい] をクリックすると、オーバーレイが消えます。

オーバーレイはフェードインしますが、フェードアウトする方法がわかりません。

フェードアウトをサポートする Jive リリース ノート

上記のリンクは、fadeOut をサポートする必要があることを示しています。

これを、すべての表示効果がある lightbox_me.js ファイルに実装しようとしましたが、役に立ちませんでした。

また、年齢確認スクリプトに実装しようとしました。これは次のとおりです。

$(window).load(function () {
// Age Verification
if(!$.cookie('legal-age')){
    $('#verify').lightbox_me({
        centered: true,
        closeClick: false,
        closeESC: false,
      //disappearEffect: fadeOut,
      //overlayDisappearSpeed: 300,
      //lightboxDisappearSpeed: fast,
        overlayCSS: {background: '', opacity: 0},
        closeSelector: '.v-yes',
        onClose: function(){
            $.cookie('legal-age','yes', {domain: '*Snip*', path: '/'});
        }
    });
    e.preventDefault();
}
});

上記のコードは、フェードアウト アニメーションを決定する 3 行のコードを示しています。

どんな助けでも大歓迎です。

乾杯

4

1 に答える 1

2

「最新」のビルド (現在は 2 年以上前) を使用している場合、これらの特定のオプションは使用できなくなります。これらは3 年以上前に最初に追加され、その後9 か月後に削除されました。

残念ながら、ライトボックスをフェードアウトするための優雅な組み込みの方法はlightbox_meもうないようです。jQuery に慣れている場合は、おそらく最初のコミットから削除されたコードを再度追加できますが、正当な理由で削除されたと思われます。

指摘する価値のある他のいくつかのこと：

1.9.x より前のバージョンの jQuery を使用していない限り、スクリプトは31 行目あたりでエラーになります。これを置き換える必要があります。

ie6 = ($.browser.msie && $.browser.version < 7);

...これとともに：

ie6 = navigator.userAgent.match(/MSIE 6/);

これらの効果を再度追加する場合は、 disappearEffect&の値lightboxDisappearSpeedが文字列として宣言されていることを確認する必要があります。そうしないと、エラーが発生します。

$('#verify').lightbox_me({
    centered: true,
    closeClick: false,
    closeESC: false,
    disappearEffect: 'fadeOut',
    overlayDisappearSpeed: 300,
    lightboxDisappearSpeed: 'fast',
    overlayCSS: {background: '', opacity: 0},
    closeSelector: '.v-yes',
    onClose: function() {
        $.cookie('legal-age','yes', {domain: '*Snip*', path: '/'});
    }
});
于 2013-11-08T11:03:31.597 に答える