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

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

снег на сайте

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

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качиваний: 479)
Падающий снег на сайт с помощью jQuery

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

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

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

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

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

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

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

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

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

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

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

Подробнее

Написать комментарий

  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги