Скрипт падающих снежинок
#1
Отправлено 17 December 2012 - 08:48 AM
Народ, есть у когонить нормально работающий с шопом скрипт падающих снежинок? Клиент очень просит, все что не ставил не работает с шопом
На ДЛЕ работает, на шопе нет.
П.С. про тег {literal} напоминать не нада
#2
Отправлено 17 December 2012 - 08:51 AM
Вот тебе пример, недавно ставили http://androidcentr.ru/
#3
Отправлено 17 December 2012 - 09:06 AM
#4
Отправлено 26 December 2012 - 02:49 AM
Прошу прощения.snow_jquery.rar 10.51К 23 Количество загрузок:
Куда вставлять папку snow?
Скрипт вставляем в файл head.tpl.html ?
#5
Отправлено 26 December 2012 - 03:42 AM
Куда угодно. Главное, не забыть в show.js сменить путь к файлам картинок на правильный, а в index.tpl.html где-нибудь (например, перед закрывающим тегом </body>) вписать <div id="snow"></div>Куда вставлять папку snow?
PS. Когда будете радоваться красивым снежинкам - гляньте на монитор использования ресурса .
#6
Отправлено 26 December 2012 - 01:46 PM
Куда угодно. Главное, не забыть в show.js сменить путь к файлам картинок на правильный, а в index.tpl.html где-нибудь (например, перед закрывающим тегом </body>) вписать <div id="snow"></div>
<div id="snow"></div> вот его то я и втыконул вставить.
Глядел, ужас просто. Со снежком всегда такая кака получается. А вот у меня еще вопрос если уменьшить количество летящих снежинок уменьшится ли нагрузка на систему или нет.PS. Когда будете радоваться красивым снежинкам - гляньте на монитор использования ресурса .
#8
Отправлено 26 December 2012 - 03:41 PM
Глядел, ужас просто. Со снежком всегда такая кака получается. А вот у меня еще вопрос если уменьшить количество летящих снежинок уменьшится ли нагрузка на систему или нет.
Попробуйте этот вариант снежинок. Они падают только если нет активности пользователя и пропадают при любом движении мыши. Все параметры можно настроить.
В index.tpl.html после тега
<body>вставляем :
{literal} <script type="text/javascript"> snow_intensive=350; snow_speed=60000; snow_timeout=10000; snow_src=new Array('путь до картинки','путь до картинки','путь до картинки','путь до картинки'); var snow_active = false; var clear_int_id = -1; function snow_start() { if(!snow_active ) { snow_active = true; snow_id=1; snow_y=$("#container").height()-30; setInterval(function() { snow_x=Math.random()*document.body.offsetWidth-100; snow_img=(snow_src instanceof Array ? snow_src[Math.floor(Math.random()*snow_src.length)] : snow_src); snow_elem='<img class="png" snow="1" id="snow'+snow_id+'" style="position:absolute; display:none; left:'+snow_x+'px; top:0;z-index:10000" src="'+snow_img+'"/>'; $("#container").append(snow_elem); snow_move(snow_id); snow_id++; },snow_intensive); } } function snow_move(id) { setTimeout(function(){$('#snow'+id).show();}, 1000); $('#snow'+id).animate({top:snow_y,left:"+="+Math.random()*100},snow_speed,function() { $(this).empty().remove(); }); } $(document).ready(function() { if(!snow_active) { interval_id = setTimeout(snow_start, snow_timeout); } $("body").mousemove(function(e) { snow_active = false; $('img[snow=1]').stop(); if(clear_int_id == -1) { clear_int_id = setInterval(function(){$('img[snow=1]').stop();; $('img[snow=1]').remove(); }, 1); } setTimeout(function(){clearInterval(clear_int_id); clear_int_id = -1}, snow_timeout); }); }); {/literal} </script> <div id="container">В самом низу до
</body>вставляем :
</div>Настройки :
snow_intensive – отвечает за интенсивность снега, чем меньше число, тем интенсивнее будет идти снег (не ставьте слишком маленькое значение, повесите слабые компьютеры пользователей, да и вообще рябить будет в глазах) .
snow_speed – скорость снега (чем меньше число, тем быстрее будут падать снежинки) .
snow_timeout – временной интервал, по истечении которого начнет падать снег на сайте, если пользователь не двигал мышь, то есть отсутствует активность пользователя. В этом промежутке 1000 равна 1 секунде, то есть установлена задержка в одну минуту.
snow_src – изображение снежинки, можно задать как одну картинку, так и в виде массива – тогда снежинки будут случайным образом перемешиваться.
Пример: snow_src=new Array(‘snow1.png’,'snow2.png’,'snow3.gif’);
"путь до картинки" - путь до картинки со снежинкой.
Картинки можно вполне использовать из архива, что выложил R.Sergey.