Снег на сайте - Jquery плагин

Скрипты и советы | 25 декабря 2011 12 819

снег на сайте

наиболее современный способ реализации падающего снега на вашем сайте работающем на движке ДЛЕ.
Все что требуется распаковать архив из новости, загрузить папку со скриптами в шаблон сайта и дописать пару строк в главный шаблон сайта

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>



Снег на сайте - Jquery плагин




Пояснения к настройкам


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

Снег на сайте - Jquery плагин


для его включение замените строку
flake_folder: '{THEME}/js/snow/small-02/',

на
flake_folder: '{THEME}/js/snow/presents-32/',


набор ice-24

Снег на сайте - Jquery плагин


для его включение замените строку
flake_folder: '{THEME}/js/snow/small-02/',

на
flake_folder: '{THEME}/js/snow/ice-24/',




скачать архив с плагином
Скачать файл: sneg.zip [17,03 Kb] (cкачиваний: 491)
Падающий снег на сайт с помощью jQuery

Еще один способ сделать падающие снежинки на сайт в канун Нового года. В этот раз помог сайт my-dle.ru на котором и был...

Подробнее
Как сделать падающий снег на сайте (вариант 2)

Для всех тех, кто хочет видеть на своем сайте пдающий снег, но кому не подошел вариант описанный в новости "скрипт...

Подробнее
Снег на сайте для DLE

Очередная реализация снежинок для сайта - создаем новогоднее настроение средствами JS. Вывод снежинок организуем через...

Подробнее
Скрипт падающего снега на сайте

Скрипт падающего снега обычно используют перед новым годом Собственно все элементарно! В тело html страницы вставляем...

Подробнее
Кросспостинг свежих материалов вашего сайта в блогохостингах и социальных сетях

Если кратко: вышла на вашем сайте свежая публикация и тут же автоматически анонс статьи ушел в ваш бложек на жж, я.ру и...

Подробнее
Как добавить виджет комментарии вконтакте для ДЛЕ-сайта

При помощи виджета ВКонтакте Вы можете за 5 минут добавить на Ваш сайт возможность комментирования статей и других...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями