0

タイトルが示すように、fancybox は背景を暗くしなくなりました。正常に機能し、動作しますが、暗くなりません。

私のサイトの例: http://www.remodeling-buffalo.com/gallery.php

私が気づいた奇妙なことの1つは、すべてのページで呼び出されている「jquery.easing.1.3.min.js」を取り除くと、ランダムに修正されることです。過去 1 か月程度、同じスクリプトが呼び出されて正常に動作していたことを確認できます。

問題の原因となっているのはcustom.jsの何かかもしれませんが、完全に削除しても問題は修正されないため、問題ではないと思います。

ファンシーボックスのコードが含まれているファイルは次のとおりです。 http://www.remodeling-buffalo.com/resource/js/filter-masonry.js

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

/* ---------------------------------------------------------------------- */
/*  Fancybox
/* ---------------------------------------------------------------------- */

(function() {

    // Images
    $('.fancybox').fancybox({
        'transitionIn'  : 'fade',
        'transitionOut' : 'fade',
        'titlePosition' : 'over'
    }).each(function() {
        $(this).append('<span class="zoom">&nbsp;</span>');
    });

    // Iframe
    $('.iframe').fancybox({
        'autoScale'     : false,
        'transitionIn'  : 'fade',
        'transitionOut' : 'fade',
        'type'          : 'iframe',
        'titleShow'     : false
    }).each(function() {
        $(this).append('<span class="zoom">&nbsp;</span>');
    });

})();

/* end Fancybox */

すべてが以前と同じように見えるので、何が問題なのかわかりませんが、「jquery.easing.1.3.min.js」を削除すると問題がランダムに修正されるのはなぜですか?

他に何を投稿できるかはわかりませんが、custom.js の場所は次のとおりです: http://www.remodeling-buffalo.com/resource/js/custom.js

何が問題を引き起こしているのか、または私がここに投稿して何を助けることができるのかわかりません. javascript やコンソールからエラー メッセージが表示されないので、何が問題なのかわかりません。

どうもありがとう、私はこれについて何週間も強調してきたので、本当に感謝しています.

4

2 に答える 2

0

FancyBox サイトでは、これを行う方法を示しています。「ヒントとコツ」の「オーバーレイの色と不透明度を変更する」を参照してください。つまり、fancybox に渡すオブジェクトに「ヘルパー」要素を追加します。

あなたの場合、次のようになります。

$('.fancybox').fancybox({
    transitionIn  : 'fade',
    transitionOut : 'fade',
    titlePosition : 'over',
    helpers : {
        overlay : {
            opacity: 0.2,
            css : { 'background-color' : '#000' }
        }
    }
}).each(function() {
    $(this).append('<span class="zoom">&nbsp;</span>');
});
于 2012-08-14T09:30:47.013 に答える