2013-04-02 84 views
0

我剛更新到Fancybox 2,我的Flash動畫不再有背景顏色。這是我用於Fancybox 1的代碼,它不再適用。Fancybox 2 - SWF背景顏色不工作

$("#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'} 

編輯 我取代 '瑞士法郎':{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"); 
       }  
    }); 
+0

Fancybox 2的選項是新的,不兼容以前的版本。請檢查http://fancyapps.com/fancybox/#docs,以獲取正在使用的版本的正確選項。另一方面,你的意思是fancybox容器內的背景顏色? – JFK

+0

它爲swf文件顯示的唯一值是:wmode:'transparent',\t allowfullscreen:'true',allowcriptaccess:'always'。如果它是網頁上的Flash文件,我會使用:,因此舊代碼使用bgcolor。我不知道爲什麼我不能再傳遞閃光燈參數。假設我只能將其更改爲「#myFlashFile」,那麼更改容器內的背景顏色可能會起作用。 – scryren

+0

我最終使用beforeShow來更改#myFlasFile的背景顏色。我編輯了我原來的帖子。 – scryren

回答

0

我遇到同樣的問題跑,所以我只是改變了默認的jquery.fancybox.js文件。 來源:

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

要:

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

工作就像一個魅力!