SnowStorm

SnowStorm - удобный и регулируемый снег для вашего сайта. Просто установите дополнение и на сайте пойдёт снег. Снегопадом можно управлять в настройках системы.

Дополнение в своей работе использует JavaScript Snowstorm (http://www.schillmania.com/projects/snowstorm/).


Системные настройки

Снег можно настроить в разделе Системные настройки - snowstorm

Есть возможность установить период действия снегопада каждый год в одно и то же время.

Параметр По умолчанию Описание параметра

0. Основные настройки
snowstorm_base_on Да Включить снег на сайте
snowstorm_period Новое 1.12-1.3 Период показа снега на сайте в формате "d.m-d.m". По умолчанию с 1 декабря по 1 марта. Если пусто - выводит всегда.
snowstorm_templates Показывать на шаблонах. ID шаблонов для вывода снега через запятую. Если пусто - выводит во всех шаблонах.

1. Настройки эффектов снега
snowstorm_autoStart Да Старт при загрузке. Должен ли снег запускаться сразу автоматически или нет.
snowstorm_excludeMobile Да Выводить на мобильных. Снег, вероятно, будет сильно нагружать процессоры мобильных телефонов и нагревать батарею. Включайте на свой страх и риск.
snowstorm_flakesMax 128 Общее количество снежинок. Ограничить общее количество снега (падение + прилипание).
snowstorm_flakesMaxActive 64 Видимое количество снежинок. Ограничение количества снега, падающего сразу (меньше = меньшее использование ЦП).
snowstorm_animationInterval 33 Интервал анимации. Количество «милисекунд на кадр». 20 = быстрый + плавный, но высокий уровень использования ЦП. 50 = более консервативный, но медленный.
snowstorm_useGPU Да Аппаратное ускорение. Включить аппаратное ускорение на основе преобразования, снизить нагрузку на ЦП.
snowstorm_className null CSS класс. Имя класса CSS для дальнейшей настройки на снежных элементах.
snowstorm_flakeBottom null flakeBottom. Целое значение для ограничения снега по оси Y, 0 или null для эффекта «полноэкранный» снег.
snowstorm_followMouse Да Реакция на мышь. Движение снега может реагировать на пользовательскую мышь.
snowstorm_snowColor #fff Цвет снежинок. Например blue
snowstorm_snowCharacter • Символ снега. Символ снежинки. Можно использовать буквы или другие символы. Возможно потребуется подстроить высоту и ширину снежинки (snowstorm_flakeWidth и snowstorm_flakeHeight)
Примеры таких символов:
• -
❄ -
❅ -
❆ -
⚝ -
❉ -
❋ -
✲ -
☀ -
✿ -
❀ -
✾ -
❁ -
❂ -
⚛ -
❤ -
◈ -
⁂ -
※ -
₽ -
✚ -
✔ -
✘ -
✖ -
☻ -
☁ -
★ -
☆ -
✪ -
✫ -
✯ -
⚜ -
snowstorm_snowStick Да Залипание снега. Должен ли снег прилипать внизу. Когда выключено, он не собирается.
snowstorm_targetElement null Элемент DOM. Элемент, в который будет добавлен снег (null = document.body) - может быть идентификатором элемента, например. myDiv или ссылка узла DOM.
snowstorm_useMeltEffect Да Таяние снега. При утилизации выпавшего снега (или редко, при падении), он «расплавляется» и исчезает, если браузер поддерживает эту возможность.
snowstorm_useTwinkleEffect Нет Мерцание снега. Позволяет снегу случайно «мерцать» внутри и вне поля зрения при падении.
snowstorm_usePositionFixed Нет Сдвиг при прокрутке. Если Да, то снег не сдвигается вертикально при прокрутке. Может увеличить загрузку процессора, отключен по умолчанию - если включен, используется только там, где поддерживается.
snowstorm_usePixelPosition Нет Позиция в пикселях. Использовать ли пиксельные значения для снежного покрова / left против процентов. Включено если body имеет position: relative или указан элемент DOM (targetElement).
snowstorm_freezeOnBlur Да Заморозка при неактивной вкладке. Если вкладка браузера неактивна, снегопад замораживается. Сохраняет CPU.
snowstorm_lakeLeftOffset 0 Отступ слева. Поле слева контейнера (например, окна браузера) Увеличьте эти значения, если вы видите горизонтальные полосы прокрутки.
snowstorm_flakeRightOffset 0 Отступ справа. Поле справа контейнера.
snowstorm_flakeWidth 8 Максимальная ширина снежинки в пикселях.
snowstorm_flakeHeight 8 Максимальная высота снежинки в пикселях.
snowstorm_vMaxX 5 Максимальная скорость снегопада по оси X.
snowstorm_vMaxY 4 Максимальная скорость снегопада по оси Y.
snowstorm_zIndex 0 CSS z-index, применяемый к каждой снежинке. Можно выставить максимальный, чтобы снег перекрывал некоторые элементы с высоким z-index, например меню.

JavaScript

Вы можете использовать JavaScript-методы Snowstorm для контроля снега в своих скриптах.

snowStorm.randomizeWind() - Устанавливает скорость ветра со случайным значением оперируя свойствами vMaxX и vMaxY.

snowStorm.freeze() - Замораживает снег на странице

snowStorm.resume() - Размораживает снегопад из "замороженного" состояния.

snowStorm.toggleSnow() - Включает или отключает эффект снегопада в зависимости от состояния, аналогично вызову freeze () или resume ().

snowStorm.stop() - полностью убрать эффект снега со странички. Чтобы не замерзнуть совсем…

Примеры вызовов

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

$("html").on("click",".toggleSnow",function(){
	snowStorm.toggleSnow();
});

Вкл/выкл. снег каждые 15 секунд

setInterval(snowStorm.toggleSnow, 15000);    

Обсуждение на MODX.pro Пакет в MODSTORE