2011-03-18 40 views
0

我正在使用swfobject動態加載一個閃存對象到一個div,我想知道是否有一種簡單的方法來顯示加載動畫,直到閃存對象準備好顯示?在這種情況下,我加載了一個嵌入的Issuu對象,並且您可以看到Issuu通過swfobject here加載的示例。根據連接速度的不同,Flash對象加載時通常只有一個空白空間,如果可能的話,用加載動畫指示進度會很好。我會想象jQuery可以在這裏服務...swfobject&flash - 顯示加載動畫?

感謝您的任何方向在這裏。

+0

將加載代碼放在SWF的第一幀。它應該在完整影片加載之前顯示。 – drudge 2011-03-18 00:23:14

+0

感謝jnpcl--唯一的事情是我沒有撰寫SWF文件,因爲它來自Issuu;對象可以通過一個API來操縱,但我不認爲我實際上可以插入一幀 – nickpish 2011-03-18 00:52:32

+0

hmm ..如何創建帶有加載動畫的容器文件,該文件加載並播放實際的SWF文件? – drudge 2011-03-18 07:15:47

回答

1

在您的嵌入代碼中,您不僅可以傳遞要替換爲swf(idOfTagToReplace)的標記的id,還可以替換它的標記的id(issuuViewer)。 在你打電話給swfobject之後,按照你的喜好設計後一個標籤。

var attributes = { 
    id: 'issuuViewer' 
}; 

var params = { 
    allowfullscreen: 'true', 
    menu: 'false', 
    wmode: 'transparent' 
}; 

var flashvars = { 
    jsAPIClientDomain: 'www.yourdomain.dk', 
    mode: 'mini', 
    documentId: '081219132433-764a1eafce5141fda136d10d58bd45f5' 
}; 

swfobject.embedSWF(
    "http://static.issuu.com/webembed/viewers/style1/v2/IssuuReader.swf", 
    "idOfTagToReplace", 
    "420", 
    "264", 
    "9.0.0", 
    "swfobject/expressInstall.swf", 
    flashvars, 
    params, 
    attributes 
); 

var obj = document.getElementById('issuuViewer'); 
obj.style.backgroundImage = 'url(/img/loading.gif)'; 
obj.style.backgroundRepeat = 'no-repeat'; 
obj.style.backgroundPosition = '50% 50%'; 
+0

真棒 - 非常感謝Paolo;我會給這一槍! – nickpish 2011-08-31 02:19:42