Hash: Assets {#Assets}
=======================

提供在頁面中動態(tài)加載和管理JavaScript, CSS和圖片文件的功能


Assets 方法: javascript {#Assets:javascript}
----------------------------------------------

向頁面的head內(nèi)注入一個script標簽, 并指定它的src

###	語法:

	var myScript = Asset.javascript(source[, properties]);

###	參數(shù):

1. source     - (*string*) JavaScript文件的路徑
2. properties - (*object*, 可選項) 其他用于附加script標簽上的屬性

###	返回值:

* (*element*) script元素

###	示例:

	var myScript = new Asset.javascript('/scripts/myScript.js', {id: 'myScript'});



Assets 方法: css {#Assets:css}
--------------------------------

向頁面中注入一個css樣式文件

###	語法:

	var myCSS = new Asset.css(source[, properties]);

###	參數(shù):

1. source     - (*string*) CSS文件的路徑
2. properties - (*object*) 其他附加到link標簽上的屬性

###	返回值:

* (*element*) link元素

###	示例:

	var myCSS = new Asset.css('/css/myStyle.css', {
		id: 'myStyle', 
		title: 'myStyle'
	});



Assets 方法: image {#Assets:image}
------------------------------------

預加載一個圖片文件

###	語法:

	var myImage = new Asset.image(source[, properties]);

###	參數(shù):

1. source     - (*string*) 圖片路徑
2. properties - (*object*) 其他附加到img標簽上的屬性, 以及三個事件屬性: onload/onerror/onabout

###	返回值:

* (*element*) img元素

###	示例:

	var myImage = new Asset.image('/images/myImage.png', {
		id: 'myImage', 
		title: 'myImage', 
		onload: myFunction
	});

###	備注:

- 加載的圖片只是在內(nèi)存中, 并未注入到頁面DOM中
- 注意: 不要在該方法返回的元素上使用addEvent來添加load/error/abort事件, 而應在properties參數(shù)中指定onload/onerror/onabort屬性



Assets 方法: images {#Assets:images}
--------------------------------------

預加載一組圖片文件

###	語法:

	var myImages = new Asset.images(source[, options]);

###	參數(shù):

1. sources - (*mixed*) 一個或一組代表圖片路徑的字符串
2. options - (*object*, 可選項) 參見下列可選項:

## 可選項:

### onComplete

* (*function*) 當所有圖片加載完成后觸發(fā)

#### 標識:

	onComplete()

### onProgress

* (*function*) 每加載完一個圖片后觸發(fā)一次

#### 標識:

	onProgress(counter, index)

#### 參數(shù):

1. counter - (*number*) 已加載完成的圖片數(shù)
2. index   - (*number*) 當前正在加載的圖片索引號

#### 返回值:

* (*array*) [Elements][]

#### 示例:

	var myImages = new Asset.images(['/images/myImage.png', '/images/myImage2.gif'], {
		onComplete: function(){
			alert('All images loaded!');
		}
	});



[Elements]: /Element/Element#Elements