Хаки Падающий снег для форума на jquery

Администратор · Регистрация: 27.02.2009

Падающий снег для форума на jquery
Для данного эффекта нужно будет подключить к форуму библиотеку jQuery - её не рационально использовать только ради добавления снежинок на форум, так как она довольна объемна, что скажется на скорости загрузки всех ваших страниц. Но если вы её уже используете или вам просто всё равно, то продолжаем.

Итак

В шаблон headinclude добавляем:

PHP код:



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="clientscript/jsnow.js"></script>
<script type="text/javascript">
$(function() {
$().jSnow({flakes:15,flakeMaxSize:30,flakeMinSize:20,flakeCode:["images/snow/sneg1.gif","images/snow/sneg2.gif","images/snow/sneg3.gif","images/snow/sneg4.png"],interval:30});
});
</script>

Первый кусочек, это подключаем jQuery 1.6.4, которая будет браться с Google.
Второй кусочек, файл jsnow.js - копируем в папку clientscript/
И скрипт самого снега.

При том скрипт можно немножко подправить под себя:

flakes:15 - количество снежинок
flakeMaxSize:30 - максимальный размер хлопьев, если используете код html, если в качестве снежинок картинки, как в нашем случае,то данный параметр будет игнорироваться.
flakeMinSize:20 - минимальный размер хлопьев, если используем html код, и для картинок - игнорируется.
flakeCode:["&diams;","sneg1.gif","sneg2.gif","sneg3.gif","sneg4.png"] - это массив снежинок, которые будут выбираться случайным образом, можно добавить ещё, прописав пути до картинок через запятую. Можно добавлять html код, например - &diams; - представляет собой РОМБ - то есть будут вместе со снежными хлопьями падать ромбики. При этом настройки flakeMaxSize, flakeMinSize и flakeColor влияют только именно на РОМБ, то есть на html код.
flakeColor:["#f00","#00f","#fff"] - случайные цвета, которые будет принимать наш html код (ромбик, например).
interval:30 - по умолчанию значение равно 50 мс, это время повторения цикла анимации, то есть петли.

Картинки снежинок из архива копируем в папку (папку snow создаем) /images/snow/ (если помещаете изображения снежинок в другое место, то не забудьте поправить javascript код выше)

Скачать

Пользователь · 16.11.2011, 21:00

Выше всех похвал!!!

Добавлено через 1 минуту
Подскажи как временно, чтоб не удалять, выключить код

Код HTML:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="clientscript/jsnow.js"></script>
<script type="text/javascript">
$(function() {
$().jSnow({flakes:15,flakeMaxSize:30,flakeMinSize:20,flakeCode:["http://www.npc-wagon.ru/images/snow/sneg1.gif","http://www.npc-wagon.ru/images/snow/sneg2.gif","http://www.npc-wagon.ru/images/snow/sneg3.gif","http://www.npc-wagon.ru/images/snow/sneg4.png"],interval:30});
});
</script>

Администратор · 16.11.2011, 21:06

PHP код:



<!-- 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="clientscript/jsnow.js"></script>
<script type="text/javascript">
$(function() {
$().jSnow({flakes:15,flakeMaxSize:30,flakeMinSize:20,flakeCode:["http://www.npc-wagon.ru/images/snow/sneg1.gif","http://www.npc-wagon.ru/images/snow/sneg2.gif","http://www.npc-wagon.ru/images/snow/sneg3.gif","http://www.npc-wagon.ru/images/snow/sneg4.png"],interval:30});
});
</script>
-->

Пользователь · 17.11.2011, 06:05

Ещё одно спасибо.

Пользователь · 17.11.2011, 11:39

Я юзаю этот скрипт на vb4.0.6
У меня снежинки залетают под некоторые места и летают там. Смотрите скрин.

Администратор · 17.11.2011, 19:51

Снежинки летают под блоками в CSS свойствах которых присутствует position:relative - как это исправить я не знаю (можно было бы глянуть файл плагина jsnow.js, но он сжат и не расшифровать его)

Пользователь · 18.11.2011, 09:21

Vector, тогда посоветуйте что-нибудь подобное...
Мне нужен скрипт падающего снега с снежинками в виде изображений.
Этот вариант попробовал, но как вы видите, ничего не получится.
Что ещё можете посоветовать?

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
BB код Spoiler (на jQuery)	Vector	BB коды	16	28.02.2014 17:55
Хаки LD-vBSnow 1.0 - Снег на форуме	Vector	Украшательства и интерфейс	2	15.11.2011 11:23
Инфо Чат на javascript, эффект матрицы, снег на сайт, пузыри, панели - готовые скрипты!!!	xzxz	JavaScript	0	05.06.2011 01:57
Новости Вышел jQuery 1.5.2	Vector	JavaScript	0	02.04.2011 00:33
Новости Шпаргалка по jQuery 1.4.4	Vector	JavaScript	0	14.11.2010 15:06

Vector #3
7560 МГц Администратор Вес репутации: 0 Регистрация: 27.02.2009 Адрес: Москва Сообщений: 7,248 Сказал(а) спасибо: 574 Спасибок 2,673 в 1,898 сообщениях	16.11.2011, 21:06 PHP код: <!-- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script> <script type="text/javascript" src="clientscript/jsnow.js"></script> <script type="text/javascript"> $(function() { $().jSnow({flakes:15,flakeMaxSize:30,flakeMinSize:20,flakeCode:["http://www.npc-wagon.ru/images/snow/sneg1.gif","http://www.npc-wagon.ru/images/snow/sneg2.gif","http://www.npc-wagon.ru/images/snow/sneg3.gif","http://www.npc-wagon.ru/images/snow/sneg4.png"],interval:30}); }); </script> -->

ZOMBIE #4
220 МГц Пользователь Вес репутации: 0 Регистрация: 13.03.2011 Адрес: Острогожск [36] Сообщений: 563 Сказал(а) спасибо: 40 Спасибок 70 в 61 сообщениях	17.11.2011, 06:05 Ещё одно спасибо.

zzxxxxzz #5
00 МГц Пользователь Вес репутации: 0 Регистрация: 05.10.2011 Сообщений: 10 Сказал(а) спасибо: 1 Спасибок 0 в 0 сообщениях	17.11.2011, 11:39 Я юзаю этот скрипт на vb4.0.6 У меня снежинки залетают под некоторые места и летают там. Смотрите скрин. Исправил zzxxxxzz; 17.11.2011 в 12:12.