0

fancybox プラグイン バージョン 2.0.6 を使用しています

ドキュメントで詳しく説明されているように、オーバーレイの不透明度を変更しようとしていますが、機能しません。私がこれをどのように間違っているかについて、誰でもアドバイスできますか。

ありがとう。

ここに私が持っているものがあります:

    $(function () {
        $(".fancybox")
        .attr('rel', 'gallery')
        .fancybox({
            padding : 0,
            margin : 0,
            arrows: false,
            closeBtn: false,
            closeClick: true,
            openEffect : 'none',
            openSpeed : 100,
            closeEffect : 'none',
            closeSpeed : 100,
                helpers : {
                    title : null,
                    speedIn: 0,
                    speedOut: 0,
                    opacity: 0.8,
                }
            });
        });
4

2 に答える 2

4

helpersこの方法でオプションを試してください。

helpers : {
 overlay : {
  speedIn    : 0,
  speedOut   : 0,
  opacity    : 0.5
 },
 title : null
}

編集（2012年9月12日）：このオプションhelpers =>overlay=>speedInはfancyboxv2.1以降削除されました。v2.0.6以下でも引き続き有効です。

于 2012-08-20T22:07:13.177 に答える
2

CSS RGBA を使用するこのオプションが最適であることがわかりました...

$(".fancybox").fancybox({
    helpers : {
        overlay : {
            css : {
                'background' : 'rgba(58, 42, 45, 0.95)'
            }
        }
    }
});

これが公式のフィドルです：http://jsfiddle.net/jRsjK/

于 2014-06-10T09:08:58.397 に答える