0

Fancybox 2 にアップデートしたところ、フラッシュ アニメーションの背景色がなくなりました。これは私が Fancybox 1 に使用していたコードで、もはや機能しません。

    $("#myFlashFile").fancybox({
    'width' : '650',
    'height' : '620',
    'autoScale' : false,
    'transitionIn' : 'fade',
    'transitionOut' : 'fade',
    'speedIn' : 800, 
    'speedOut' :    200,                
    'type' : 'swf',
    'wmode' : 'opaque',
    'swf' : {bgcolor:'#ffcc00'},
    'overlayShow' : true,
    });  

Fancybox 1 で背景色を呼び出した行は次のとおりです。

'swf' : {bgcolor:'#ffcc00'}

編集 'swf' : {bgcolor:'#ffcc00'} を次のように置き換えました

        'beforeShow': function(){
            $(".fancybox-skin").css("backgroundColor","#ffcc00");
                }       

そしてそれは今動作します。最終的なコードは次のようになります。

        $("#myFlashFile").fancybox({
    'padding'   :   6,          
    'width' : '650',
    'height' : '620',
    'autoScale' : false,
    'openEffect': 'fade',
    'prevEffect': 'fade',
    'nextEffect': 'fade',
    'openSpeed'   : 300,
    'closeSpeed'   : 200,       
    'type' : 'swf',
    'wmode' : 'opaque',
    'beforeShow': function(){
            $(".fancybox-skin").css("backgroundColor","#ffcc00");
                }       
     }); 
4

1 に答える 1

0

この同じ問題に遭遇したので、jquery.fancybox.jsファイルのデフォルトを変更しました。から:

swf : {
    wmode: 'transparent',
    allowfullscreen   : 'true',
    allowscriptaccess : 'always'
},

に:

swf : {
    wmode: 'opaque',
    allowfullscreen   : 'true',
    allowscriptaccess : 'always'
},

魔法のように働きました!

于 2014-08-01T03:20:21.733 に答える