Перейти к содержимому


Скрипт падающих снежинок


  • Вы не можете ответить в тему
Сообщений в теме: 7

#1 Papikov

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 246 сообщений
Репутация: 66
Продвинутый
  • ГородРостов на Дону

Отправлено 17 December 2012 - 08:48 AM

Доброго времени суток!

Народ, есть у когонить нормально работающий с шопом скрипт падающих снежинок? Клиент очень просит, все что не ставил не работает с шопом :(

На ДЛЕ работает, на шопе нет.

П.С. про тег {literal} напоминать не нада :)
  • 0

#2 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 17 December 2012 - 08:51 AM

Любой скрипт падающих снежинок будет работать на ЛЮБОМ движке ))

Вот тебе пример, недавно ставили http://androidcentr.ru/
  • 0

#3 R.Sergey

    Администратор

  • Администраторы
  • 2810 сообщений
Репутация: 332
Мастер

Отправлено 17 December 2012 - 09:06 AM

Прикрепленный файл  snow_jquery.rar   10.51К   23 Количество загрузок:
  • 0

#4 mcwest

    Новичок

  • Download User
  • Pip
  • 8 сообщений
Репутация: 0
Начинающий

Отправлено 26 December 2012 - 02:49 AM

Прикрепленный файл  snow_jquery.rar   10.51К   23 Количество загрузок:

Прошу прощения.
Куда вставлять папку snow?
Скрипт вставляем в файл head.tpl.html ?
  • 0

#5 badisoft

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 5075 сообщений
Репутация: 786
Мастер

Отправлено 26 December 2012 - 03:42 AM

Куда вставлять папку snow?

Куда угодно. Главное, не забыть в show.js сменить путь к файлам картинок на правильный, а в index.tpl.html где-нибудь (например, перед закрывающим тегом </body>) вписать <div id="snow"></div>

PS. Когда будете радоваться красивым снежинкам - гляньте на монитор использования ресурса :).
  • 0
http://cpu.badisoft.ru (тестовый сайт), http://badisoft.ru (модули)

#6 mcwest

    Новичок

  • Download User
  • Pip
  • 8 сообщений
Репутация: 0
Начинающий

Отправлено 26 December 2012 - 01:46 PM

Куда угодно. Главное, не забыть в show.js сменить путь к файлам картинок на правильный, а в index.tpl.html где-нибудь (например, перед закрывающим тегом </body>) вписать <div id="snow"></div>


<div id="snow"></div> вот его то я и втыконул вставить.

PS. Когда будете радоваться красивым снежинкам - гляньте на монитор использования ресурса :).

Глядел, ужас просто. Со снежком всегда такая кака получается. А вот у меня еще вопрос если уменьшить количество летящих снежинок уменьшится ли нагрузка на систему или нет.
  • 0

#7 eugene_wb

    Продвинутый пользователь

  • Модераторы
  • 827 сообщений
Репутация: 167
Мастер

Отправлено 26 December 2012 - 02:00 PM

А вот у меня еще вопрос если уменьшить количество летящих снежинок уменьшится ли нагрузка на систему или нет.

да, нагрузка уменьшится
  • 0
Изображение Изображение Изображение

#8 ssergioss25

    Продвинутый пользователь

  • Assistent vsupport.club
  • PipPipPip
  • 56 сообщений
Репутация: 24
Ассистент
  • ГородСПБ

Отправлено 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.
  • 0