4、CreateJS介绍-PreLoadJS

需要在html5文件中引入的CreateJS库文件是preloadjs-0.4.1.min.js

HTML5文件如下：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>4、CreateJS介绍-PreLoadJS</title>

     <script src="preloadjs-0.4.1.min.js"></script>

     <style>

         .image{

             max-width: 320px;

             max-height: 240px;

             border: 1px solid #555;

             margin: 5px;

         }

     </style>

 </head>

 <body>

     <img class="image" id="winter" />

     <img class="image" id="spring" />

     <img class="image" id="summer" />

     <script src="app.js"></script>

 </body>

 </html>

在HTML5文件中引入的app.js文件源码如下：

 /**

  * create 4、CreateJS介绍-PreLoadJS-app.js by dpp on 2016/1/4

  * @authors Your Name (you@example.org)

  * @date    2016-01-04 01:32:58

  * @version $Id$

  */

 var preload;

 preload = new createjs.LoadQueue(false , 'images/');

 var plugin = {

     getPreloadHandlers:function(){

         return{

             type:['image'],

             callback:function(src){

                 var id = src.toLowerCase().split('/').pop().split('.')[0];

                 var img = document.getElementById(id);

                 return {tag:img};

             }

         }

     }

 }

 preload.installPlugin(plugin);

     preload.loadManifest([

             'banner.gif',

             'spring.jpg',

             'summer.jpg',

             'winter.jpg'

         ]);

还需引入一个MP3文件夹用来存放图片

例子"4、CreateJS介绍-PreLoadJS"的源码地址：https://github.com/daipianpian/CreateJS-Study/tree/master/1%E3%80%81CreateJS%E4%BB%8B%E7%BB%8D/L04_PreLoadJS

巴特西

4、CreateJS介绍-PreLoadJS

最新文章

热门文章