0

以前にこれに関するいくつかの質問を検索して見つけましたが、どれもうまくいきませんでした。私がやりたいのは、画像の外側をクリックしても閉じず、隅の X をクリックしたときだけです。

さまざまなアイデアを試してみたところ、同じフレーム内で画像が開くようになったものもあれば、角の X がなくなったために画像をまったく閉じることができなかった以外はうまくいったものもありました。

私を最も近づけたのは「modal：true」でしたが、これを使用するとXが消えました。

これが私のページで、画像はメニューの「Fotografier」にあります: http://esoxluciusdegothia.blogg.se

Fancybox のコードは次のとおりです。

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox();
    });
</script>

私が言ったように、私が試した「答え」のほとんどは、画像への直接リンクであるかのように、同じウィンドウで画像を開くだけでした。飛び出してナビゲーションボタン+閉じるボタンを取得したい

4

2 に答える 2

2

fancybox v1.3.xでは、次の API オプションを使用します。

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({
           "hideOnOverlayClick" : false, // prevents closing clicking OUTSIE fancybox
           "hideOnContentClick" : false, // prevents closing clicking INSIDE fancybox
           "enableEscapeButton" : false  // prevents closing pressing ESCAPE key
        });
    });
</script>

...したがって、fancybox を閉じる唯一の方法は、closeボタンを押すことです。

于 2013-03-10T18:57:04.787 に答える
1

編集：この回答はfancyBox 2に関するものです。fancyBox 1.3の方法については、JFKの回答を参照してください。

fancyBox のコードを見ると、modal設定が単なるショートカットであることがわかります。

// 'modal' propery is just a shortcut
if (coming.modal) {
    $.extend(true, coming, {
        closeBtn   : false,
        closeClick : false,
        nextClick  : false,
        arrows     : false,
        mouseWheel : false,
        keys       : null,
        helpers: {
            overlay : {
                closeClick : false
            }
        }
    });
}

あなたの場合、あなたが望むのは：

$('.fancybox').fancybox({
    helpers: {
        overlay: {
            closeClick: false
        }
    }
});
于 2013-03-10T15:54:00.700 に答える