Снег на сайте - Jquery плагин
наиболее современный способ реализации падающего снега на вашем сайте работающем на движке ДЛЕ.
Все что требуется распаковать архив из новости, загрузить папку со скриптами в шаблон сайта и дописать пару строк в главный шаблон сайта
1. Распаковываем архив и закидываем содержимое в папку с Вашим шаблоном
2. В main.tpl подключаем библиотеку Jquery (если не подключена).
(Все подключения и вставки производить до закрывающего тэга
3. Подключаем файл снега
4. Вставляем код настроек
Пояснения к настройкам
flake_number -- Максимальное количество снежинок на экране, рекомендую не устанавливать значение выше 100
flake_folder -- Папка с изображением снежинок
flake_imgs - Количество изображений снежинок, находящихся в папке
linked_flakes - Процент снежинок, которые являются ссылками: 0-нет, 50-половина, 100-все
link - URL на который будут перенаправлять
melt - время в миллисекундах, которая принимают хлопья для таяния в нижней части экрана (0 - отключения таяние, 500 - нормальной таяние)
wind - сила ветра (50 - умеренный ветер, 100 - сильный)
rotation - скорость вращения (4 - нормальная скорость)
speed - скорость падения (7 - нормально, 12 - быстро)
ВСЕ. Пользуемся на здоровье! :)))
P.S.
В IE не работает rotation (объяснять надеюсь не надо).
источник: xsonz.ru
Сами снежинки идущие в комплекте к плагину очень даже в тему ;)
неплохо по первости смотрится набор presents-32
для его включение замените строку
на
набор ice-24
для его включение замените строку
на
скачать архив с плагином
[attachment=4:sneg.zip]
Все что требуется распаковать архив из новости, загрузить папку со скриптами в шаблон сайта и дописать пару строк в главный шаблон сайта
1. Распаковываем архив и закидываем содержимое в папку с Вашим шаблоном
2. В main.tpl подключаем библиотеку Jquery (если не подключена).
(Все подключения и вставки производить до закрывающего тэга
</head>)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
3. Подключаем файл снега
<script src="{THEME}/js/snow/snow.min.js" type="text/javascript"></script>
4. Вставляем код настроек
<script type="text/javascript">jQuery(document).ready(function($){ $.snow({ flake_number: 25, flake_folder: '{THEME}/js/snow/small-02/', flake_imgs: 5, linked_flakes: 0, link: '', melt: 500, wind: 50, rotation: 4, speed: 7}); });</script>
Пояснения к настройкам
flake_number -- Максимальное количество снежинок на экране, рекомендую не устанавливать значение выше 100
flake_folder -- Папка с изображением снежинок
flake_imgs - Количество изображений снежинок, находящихся в папке
linked_flakes - Процент снежинок, которые являются ссылками: 0-нет, 50-половина, 100-все
link - URL на который будут перенаправлять
melt - время в миллисекундах, которая принимают хлопья для таяния в нижней части экрана (0 - отключения таяние, 500 - нормальной таяние)
wind - сила ветра (50 - умеренный ветер, 100 - сильный)
rotation - скорость вращения (4 - нормальная скорость)
speed - скорость падения (7 - нормально, 12 - быстро)
ВСЕ. Пользуемся на здоровье! :)))
P.S.
В IE не работает rotation (объяснять надеюсь не надо).
источник: xsonz.ru
Сами снежинки идущие в комплекте к плагину очень даже в тему ;)
неплохо по первости смотрится набор presents-32
для его включение замените строку
flake_folder: '{THEME}/js/snow/small-02/',
на
flake_folder: '{THEME}/js/snow/presents-32/',
набор ice-24
для его включение замените строку
flake_folder: '{THEME}/js/snow/small-02/',
на
flake_folder: '{THEME}/js/snow/ice-24/',
скачать архив с плагином
[attachment=4:sneg.zip]
0 Комментарии