2010-08-07 58 views
10

我想在将它们呈现给用户之前预加载SWF。用jquery/JS预加载swf

SWF是动态的,我没有FLA文件。

我很想用Javascript或jQuery来做,如果可能的话。

+1

你可以加载SWF到你自己的Flash加载程序,它只会在预加载完成后才进行预加载并显示它? Flash脚本很简单,如果你愿意的话,我可以提供帮助。 – 2011-01-07 17:54:24

回答

0

你可以预载全部页面吗?如果所以这里是用jQuery的想法:

http://www.gayadesign.com/scripts/queryLoader/

+0

演示看起来不错。但我无法预载整个页面。我可能会在其他项目中使用您的queryLoader。 :) – keithics 2010-08-07 20:02:52

+0

你可以将闪光灯放入IFRAME并预加载? – 2011-01-07 17:51:06

0

我个人认为这是最好使用一个基于Flash的礼貌装载机因为这可能是少5KB。它的代码并不一定是硬的,沿着线的东西:

package 
{ 
    import com.firestartermedia.lib.as3.utils.DisplayObjectUtil; 

    import flash.display.Sprite; 
    import flash.events.Event; 

    [SWF(backgroundColor=0xFFFFFF, frameRate=30, height=400, width=600)] 

    public class AppLoader extends Sprite 
    { 
     public function AppLoader() 
     { 
      loaderInfo.addEventListener(Event.INIT, handleInit); 
     } 

     private function handleInit(e:Event):void 
     { 
      loaderInfo.removeEventListener(Event.INIT, handleInit); 

      DisplayObjectUtil.loadMovie('App.swf', null, handleComplete); 
     } 

     private function handleComplete(e:Event):void 
     { 
      removeChild(loader); 

      addChild(e.target.content); 
     } 
    } 
} 

它使用DisplayObjectUtil可以在GitHub上:https://github.com/ahmednuaman/as3

2

我不知道,如果你还在寻找为答案,但在这里。

  1. 在您的页面内创建两个div。给一个ID加载,另一个ID功能,并隐藏功能。将您的Flash内容放入功能中,并确保使用css显示隐藏功能:无。

然后,在您的网页,或任何你做你的onload东西的顶部,这样做:

  $(document).load('/path/to/your.swf', function() { 
       $('#feature').slideDown(600); 
       $('#loader').slideUp(300); 
      }); 

有你有它。 里面加载,你可以把那些快乐的小纺车图形之一。我相信你可以用回调做更复杂的事情,但这会做预加载的工作。

享受。

6

看一看swfjsPreLoader

此预加载接受资产的阵列(JPG,GIF,PNG,SWF),你会 喜欢预装。在内部它将创建一个闪存应用程序 进行预加载。你可以定义几个回调处理程序。因此, JavaScript会知道何时加载所有资产或加载每个单独的资产(包括SWF文件)。

1

您可以先通过ajax加载swf文件,然后将对象添加到dom。
通过这种方式,浏览器将使用缓存,swf从缓存中重新加载并立即就绪。 (我不能给你一个小提琴样本,因为你需要一个本地瑞士法郎加载ajax)。
swfobject可用于“loadObject”函数中,以更好地配置swf对象。
在加载swf后调用“mySwfFunction”。如果不需要,它可以被删除。

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
    <title>Swf demo</title> 
    <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'></script> 
    <style type='text/css'> 
    </style> 
    <script type='text/javascript'> 
     $(window).load(function() { 
      var loader = new 
    function() { 

     var loadObject = function ($el, src, callback, width, height) { 
      var d = document; 
      var s = 'object'; 
      var obj = d.createElement(s); 

      obj.type = 'application/x-shockwave-flash'; 
      if(width){ 
      obj.width = width.toString() + 'px'; 
      } 
      obj.name = 'plugin'; 

      if(height){ 
      obj.height = height.toString() + 'px'; 
      } 

      obj.data = src; 
      $el[0].appendChild(obj); 
     }; 


     this.loadSwf = function ($el, src, callback, width, height) { 

      $.ajax({ 
      url: src, 
      success: function (data) { 
       loadObject($el, src, callback, width, height); 
       if(callback) callback(); 
      }, 
      error: function (xhr) { 
       //your error code 
      } 
      }); 

     }; 


     }(); 

     var mySwfCallback = function() { 
      $('#mySwf').show(); 
     } 

     var $el = $('#mySwf'); 
     var src = 'your_file_url.swf'; 
     loader.loadSwf($el, src, mySwfCallback, 300, 300); 
    }); 
    </script> 
</head> 
<by> 
    <div id='mySwf' style='display:none;' > 
    </div> 
</body> 
</html>