Hash: Assets

Надає методи для динамічного завантаження та управління файлами JavaScript, CSS та зображень.

Assets Method: javascript

Вставляє тег script у секцію head документа, вказуючи на зазначене src.

Синтаксис:

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

Аргументи:

1. source - (string) Розташування файлу JavaScript для завантаження.
2. properties - (object, опціонально) Додаткові атрибути для включення в елемент script.

Повертає:

• (element) Новий елемент script.

Приклади:

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

Assets Method: css

Вставляє CSS-файл у сторінку.

Синтаксис:

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

Аргументи:

1. source - (string) Шлях до CSS-файлу.
2. properties - (object) Деякі додаткові атрибути, які ви можете хотіти додати до елемента link.

Повертає:

• (element) Новий елемент link.

Приклади:

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

Assets Method: image

Попередньо завантажує зображення та повертає елемент img.

Синтаксис:

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

Аргументи:

1. source - (string) Шлях до файлу зображення.
2. properties - (object) Деякі додаткові атрибути, які ви можете хотіти додати до елемента img, включаючи події onload/onerror/onabort.

Повертає:

• (element) Новий HTML-елемент img.

Приклади:

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

Примітки:

• Не вставляє зображення у сторінку.
• УВАГА: НЕ використовуйте addEvent для load/error/abort на поверненому елементі, передайте їх як onload/onerror/onabort у аргументі properties.

Assets Method: images

Попередньо завантажує масив зображень (як рядки) та повертає масив елементів img. Не вставляє їх у сторінку.

Синтаксис:

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

Аргументи:

1. sources - (mixed) Масив або рядок шляхів до файлів зображень.
2. options - (object, опціонально) Див. нижче.

Опції:

onComplete

• (function) Виконується, коли завантажені всі файли зображень.

Підпис:

onComplete()

onProgress

• (function) Виконується, коли завантажено одне зображення.

Підпис:

onProgress(counter, index)

Аргументи:

1. counter - (number) Кількість завантажених зображень.
2. index - (number) Індекс завантаженого зображення.

Повертає:

• (array) Колекція Elements.

Приклади:

var myImages = new Asset.images(['/images/myImage.png', '/images/myImage2.gif'], {

    onComplete: function(){
        alert('All images loaded!');
    }
});