Главная » Файлы » Новогодний раздел » Новогодний раздел

Очень реалистичный снег для вашего сайта через плагин JQuery-Snowfall для uCoz
24.06.14, 18:52:41

Скачать файл




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

Для начала посмотрите ДЕМО

Моё тестирование в фидле: КЛИК

Установка:

После < /head > на нужных страницах вставляйте:
Код
<script src='/js/snowfall.jquery.js'></script>  
  <script>  
  $(document).ready(function () {  
$(document).snowfall({  
flakeCount: 25, // Количество снежинок  
flakeColor: '#ffffff', // Цвет снежинок  
flakeIndex: 999999, // z-index снежинок  
minSize: 1, // Минимальный размер снежинки  
maxSize: 2, // Максимальный размер снежинки  
minSpeed: 1, // Минимальная скорость снежинки  
maxSpeed: 5, // Максимальная скорость снежинки  
round: false, // Закруглённые снежинки (true/false)  
shadow: false, // С тенью (true/false)  
collection: false, // Накапливаются ли снизу, образуя сугробы (true/false)  
collectionHeight: 500, // Количество накапливаемого снега  
deviceorientation: true // Подстраиваться ли под устройство  
  // Русификация от Apocalypse  
  // apo-ucoz.com (c) 2013  
});  
  });  
  </script>
Скрипт из прикреплённого архива залейте в папку js

Материал подготовлен Apocalypse
Категория: Новогодний раздел | Добавил: Apocalypse | Теги: очень, Через, плагин, Вашего, реалистичный, снег, для, сайта, JQuery-Snowfall
Просмотров: 1011 | Загрузок: 0 | Комментарии: 11 | Рейтинг: 0.0/0
Всего комментариев: 9
0
Не поленился и сделал. Работает с запоминанием: КЛИК

Код
<input type="button" value="Включить снег" onclick="aposnowswitch('on')" />
<br/>
<input type="button" value="Выключить снег" onclick="aposnowswitch()" />

Скриптовая часть:
Код
$(function() {
  if(localStorage.getItem('aposhowsnow')) {
  aposnowswitch('on');
  };
});

function aposnowswitch(id) {
  if(id) {
  localStorage.setItem('aposhowsnow', 1);
  $(document).snowfall({
  flakeCount: 25, // Количество снежинок
  flakeColor: '#ffffff', // Цвет снежинок
  flakeIndex: 999999, // z-index снежинок
  minSize: 1, // Минимальный размер снежинки
  maxSize: 2, // Максимальный размер снежинки
  minSpeed: 1, // Минимальная скорость снежинки
  maxSpeed: 5, // Максимальная скорость снежинки
  round: false, // Закруглённые снежинки (true/false)
  shadow: false, // С тенью (true/false)
  collection: false, // Накапливаются ли снизу, образуя сугробы (true/false)
  collectionHeight: 500, // Количество накапливаемого снега
  deviceorientation: true // Подстраиваться ли под устройство
  });
  } else {
  localStorage.removeItem('aposhowsnow', 1);
  $('div.snowfall-flakes').remove();
  };
}


Всё, удачи smile

0
Не робит wacko

0
Всё работает. Вот смотри: http://jsfiddle.net/apoucoz/NDr3p/12/

Там просто исходный скрипт с сайта-источника удаляли

0
Понятно, спасибо wink

0
На здоровье smile

0
Тестировал на двух сайтах WP и всё равно не хочет работать, походу какая то несовместимость

0
В начале скрипта перед $(function () { пропиши:
Код
$ = jQuery;

0
Разобрался, оказывается нужно было ниже подключенной библиотеки jquery, подключать скрипт, ещё раз спасибо.

0
Радует, что разобрался smile

Имя *:
Email: