1. Как использовать приложение Preloaders.net?
2. Как вставить индикатор загрузки в мою страницу? (Примеры скриптов)

РУКОВОДСТВО ПОЛЬЗОВАТЕЛЯ

Здесь дана детальная инструкция по использованию веб-приложения Preloaders.net для создания анимированнных GIF и/или анимированных PNG для загрузки документов (в частности AJAX).

Поддержка APNG

Изображение снизу говорит о том поддерживает ли Ваш браузер формат анимированных PNG (APNG):

Форма создания GIF и APNG

Выберите свой индикатор загрузки

1) Нажмите на выпадающий список справа.
2) Из списка выберите нужный Вам индикатор

Тип изображния

Параметры этой опции соответствуют типу создаваемого подгрузчика (GIF - анимированный GIF, APNG - формат анимированного PNG).

Заметка: формат GIF поддерживает только полную прозрачность или полную заполненность. Поэтому когда Вы выбираете прозрачный фон и формат GIF, Вы все равно можете выбрать цвет фона который заполнит фон полупрозрачных пикселей изображения. Например:

Прозрачный фон

Cделать фон анимации прозрачным.

Учтите что при выборе формата GIF все полупрозрачные пиксели будут находиться над выбранным цветом фона

Цвет переднего плана

Цвет самого подгрузчика (работает по алгоритму раскраски - colorize)

Цвет фона

Цвет фона подгрузчика.

Все прозрачные пиксели будут заполнены этим цветом. При использовании функции "Отражать фон", все пиксели начинают отражать фон с соответсвенным количеством цвета переднего плана

Скорость анимации

Интервал времени между переходами с кадра на кадр. Чем ближе синяя точка к плюсу, тем быстрее анимация и наоборот

Размер

Ширина и высота подгрузчика в пикселях. По умолчанию выбирается размер лучшего качества максимального размера каждого выбранного из списка изображения.

Чтобы размеры изменялись пропорционально, отметьте опцию "Соблюдать пропорции".

Если хотите вернуть исходные размеры изображения нажмите на ссылку "сбросить размеры"

Сохранять цвета

Позволяет создавать подргузчики с цветами установленными по умолчанию.

Опции "Отражать фон" и "Цвет переднего плана" становятся неактивными при использовании этой функции.

Инвертировать цвета

Инвертирует цвета подгрузчика по схеме RGB.

Например белый превращается в черный, красный в голубой и т.п.

Перевернуть

Переворачивает изображение вертикально и/или горизонтально.

Заметьте что некоторые подгрузчики не будут меняться при использовании этой функции, т.к. они могут быть абсолютно симметричны относительно центра изображения

Отражать фон

Отражать фон в самом изображении.

Эта функция отключается при выборе опции "Сохранять исходные цвета". Например:

Обратная анимация

Расставляет последовательность кадров в обратном порядке

Кол-во кадров (Количество кадров)

Количество кадров в созданном изображении.

Рекомендуется уменьшать количество кадров на 4, 8, 16, 32 кадра, в противном случае уменьшение кадров может негативно отразиться на качестве анимации

Создавать автоматически

Эта опция задает автоматическое создание подгрузчиков при смене какого-либо параметра формы, таким образом позволяя не нажимать кнопку "Создать подгрузчик". Автоматическое создание начинается через 2 секунды после смены параметров.