topAssets.js

动态加载图片,css或javascript文件

License

MIT-style license.

概要
Assets.js 动态加载图片,css或javascript文件
属性
javascript 在页面中注入一个javascript文件
css 在页面中注入一个css文件
image 预加载一个图片,并返回一个Image对象。
images 预加载一系列图片并返回一个Image对象数组。

top属性

topjavascript

在页面中注入一个javascript文件

参数

source javascript文件的路径
properties 要给script元素附加的属性

示例

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

topcss

在页面中注入一个css文件

参数

source css文件的路径
properties 要给link元素附加的属性

示例

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

topimage

预加载一个图片,并返回一个Image对象。该Image对象还未被注入页面中。

参数

source 图片文件的路径
properties 要给img元素附加的属性

示例

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

返回值

img元素. 你可以通过使用Element.injectInsideElement.injectAfterElement.injectBefore这几个方法,把它注入到任何你想要的地方

topimages

预加载一系列图片并返回一个Image对象数组。 这些Image对象还未被注入页面中。

参数

sources 图片文件的路径数组
options 参见下面的可选项

可选项

onComplete 当所有图片被加载到浏览器的缓存中时触发
onProgress 当每个图片被加载到浏览器的缓存中时均触发一次

示例

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

返回值

img数组。你可以通过使用Element.injectInsideElement.injectAfterElement.injectBefore这几个方法,把它们注入到任何你想要的地方

Documentation by Aaron Newton & Mootools Developers, generated by NaturalDocs and tidy, and GeSHi

文档中文翻译:zarknight 勘误Email:zarknight@gmail.com asp之家