Снег на сайте. Плагин.
Новый год все ближе, пришло время делать сумасшедший снег на сайте!
Меня снег на сайте часто бесит, но пользователям нравится если в глаза не сильно лезит. Сразу скажу, что не разработчик, но так вышло, что скомпоновал все в подобие плугина. Можно легко включить — выключить через админку теперь.
Значит так. Скачать тут:
www.mediafire.com/?e2zpmvkk5azm6co
Чтобы настроить вид, направление, скорость, цвет, таяние и тд нужно лезть в файл:
plugins\srsnow\templates\skin\default\js\snowstorm.js
Настраиваются параметры снега в этой части:
Сам код генерирующий снег взят отсюда:
www.schillmania.com/projects/snowstorm/
У меня на 0.5.1 работает без проблем, снег идет даже на телефоне, хоть телефонный браузер вечно ломает верстку сайтов или что-то не отображает.
Если кто-то будет как-то менять или подделывать плугин, просьба поделиться улучшенной версией.
Меня снег на сайте часто бесит, но пользователям нравится если в глаза не сильно лезит. Сразу скажу, что не разработчик, но так вышло, что скомпоновал все в подобие плугина. Можно легко включить — выключить через админку теперь.
Значит так. Скачать тут:
www.mediafire.com/?e2zpmvkk5azm6co
Чтобы настроить вид, направление, скорость, цвет, таяние и тд нужно лезть в файл:
plugins\srsnow\templates\skin\default\js\snowstorm.js
Настраиваются параметры снега в этой части:
// --- common properties ---
this.flakesMax = 128; // Limit total amount of snow made (falling + sticking)
this.flakesMaxActive = 64; // Limit amount of snow falling at once (less = lower CPU use)
this.animationInterval = 33; // Theoretical "miliseconds per frame" measurement. 20 = fast + smooth, but high CPU use. 50 = more conservative, but slower
this.excludeMobile = true; // Snow is likely to be bad news for mobile phones' CPUs (and batteries.) By default, be nice.
this.flakeBottom = null; // Integer for Y axis snow limit, 0 or null for "full-screen" snow effect
this.followMouse = true; // Snow movement can respond to the user's mouse
this.snowColor = '#99ccff'; // Don't eat (or use?) yellow snow. #99ccff - blueish #fff - white
this.snowCharacter = '•'; // • = bullet, · is square on some systems etc.
this.snowStick = true; // Whether or not snow should "stick" at the bottom. When off, will never collect.
this.targetElement = null; // element which snow will be appended to (null = document.body) - can be an element ID eg. 'myDiv', or a DOM node reference
this.useMeltEffect = true; // When recycling fallen snow (or rarely, when falling), have it "melt" and fade out if browser supports it
this.useTwinkleEffect = false; // Allow snow to randomly "flicker" in and out of view while falling
this.usePositionFixed = false; // true = snow does not shift vertically when scrolling. May increase CPU load, disabled by default - if enabled, used only where supported
// --- less-used bits ---
this.freezeOnBlur = true; // Only snow when the window is in focus (foreground.) Saves CPU.
this.flakeLeftOffset = 0; // Left margin/gutter space on edge of container (eg. browser window.) Bump up these values if seeing horizontal scrollbars.
this.flakeRightOffset = 0; // Right margin/gutter space on edge of container
this.flakeWidth = 8; // Max pixel width reserved for snow element
this.flakeHeight = 8; // Max pixel height reserved for snow element
this.vMaxX = 5; // Maximum X velocity range for snow
this.vMaxY = 4; // Maximum Y velocity range for snow
this.zIndex = 0; // CSS stacking order applied to each snowflake
// --- End of user section ---
Сам код генерирующий снег взят отсюда:
www.schillmania.com/projects/snowstorm/
У меня на 0.5.1 работает без проблем, снег идет даже на телефоне, хоть телефонный браузер вечно ломает верстку сайтов или что-то не отображает.
Если кто-то будет как-то менять или подделывать плугин, просьба поделиться улучшенной версией.
88 комментариев
По двум ссылкам из поиска по сайту в одной даа-авно не работает ссылка на скачивание, а другой называется Не работает скрипт снега, подскажите кто что думает
Спасибо тебе за обдуманный и полезный комментарий. Такие мнения и столь важные для меня плюсики всегда помогают развиваться дружному сообществу! =)
И вообще трудно понимаю суть проблемы: если уже был такой плагин, то больше аналогов возникать не должно?
Лично мне не всегда подходят плагины, для некоторых, включая платные, нужно самому делать шаблоны. И я признателен тем людям, которые пишут здесь инструкции и делятся своими способами решения проблем. Их топики и обсуждения сильно экономят время и помогают.
К слову говоря, я давно использовал плугины со снегом на других cms, и на старых браузерах есть проблема: прозрачные картинки со снежинками превращаются в большие черные квадратики. В этом скрипте автор использовал знак.
очень сильно поможетв развитии сообщества… 10 января все о нем уже забудутА я что призывал ставить всем снег на сайт, чтоб до лета шел? И при чем тут очень это твое «очень сильно поможет в развитии сообщества»? Можно эти слова даже тайтлом сделать, чтоб виднее было. Сути это не меняет: я рассказал о том, как я сделал снег на сайте. Если тебе это способ не нравится или не нужен снег на сайте, или твой сайт для жителей Африки, то ты просто игнорируешь топик. Но твой фанатизм, с которым ты создаешь халивар на пустом месте, кажется мне нездоровым. Так что, удачи!
З.Ы. в поиске нету, проверь сначала сам
А раз ты сам где-то плагин выкладывал, вместо того чтобы пальцы кидать и поиском грозить, мог бы ссылку дать
балаболы«всезнающие» вместо реально полезной информации постят всякий бред типа «погугли», как будто все такие идиоты, что сами не додумались, один ты такой крутой пришел и открыл для всех поиск…Ты, к примеру, тоже делаешь плагины =) И тоже отписался в этом топике. Но из твоих сообщений не следует, что все «все тупые кроме я».
А если посмотреть на ветку далее, все сообщения от Wise проминусованы, вне зависимости от содержания, а твое, где ты его похвалил заплюсовано. Напрашивается риторический вопрос: кто это сделал? и кто похвалил себя сам? )))) И вообще весь спор идет на тему: «Ну посмотрите же, крут ли я или нет!!!???»
Я не очень удивлюсь если мое сообщение сейчас получит минус тоже. Или парочку с разных учеток одного человека. =) Это будет финальной точкой в обсуждении.
Тока все время делаешь это завуалированно, а тут уже нервишки сдают)
сначала лень в поиске порыться и начинает плакать что его в поиск отправили… так научись им пользоваться а не сопли жевать… потом видетели я котого оскорбил и говном облил… так где? топик/комент минусанул?.. ну уж извините… не пишите говто топики и мозг включайте прежде чем комуто чтото отвечаете
ну так что слабо показать где и кого я грязью поливал?
Количество полезной инфы от тебя в этом топике просто зашкаливает!
Расскажу смешную историю. Однажды подобный тролль, о-о-очень сильно всех доставший на форуме, был вычислен. После нескольких недель тяжелого психического воздействия, он сдался и наконец ответил в аську: «Чего вы от меня хотите? Я просто хотел потрахаться!» Так что, не связывайтесь с полоумными подростками страдающими нервозами на почве спермотоксикоза и сующими свое прыщавое мнение вовсе дырки!
Я попробовал плагин PSNet livestreet.ru/blog/9283.html#comment140564
Он замечательно работает, и там куча настроек. Сам думаю позже у себя включу. Вот только гифки подрисую. Поэтому давайте продолжим обсуждать снежинки, в теме которую он чуть позже откроет.
Я в этом топике писать больше не буду.
Не нужно вам-упустите топик, нефиг тут разводить.
Спасибо, автор.
умник netlancхоть чтото делает и не ноет что его минусуютпиздеть?