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


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

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качиваний: 443)


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.


25 декабря 2011  0 9 570   снег на сайте Версия для печати


Похожие публикации

Снег на сайте для DLE

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

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

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

Падающий снег на сайт с помощью jQuery

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

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

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

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

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

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

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

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте jar clipart paint jar on BJ Ambis Art . По материалам: С. Рамос, ди Мария, Хедира и Адебайор не сыграют с "Валенсией".