Скрипт падающих снежинок, листьев, сердечек...

Модификации основанные на языке JavaScript.

Скрипты(Огромная галерея скриптов, на любой вкус и цвет)
xaocZ

Скрипт падающих снежинок, листьев, сердечек...

xaocZ 21 июл 2012, 14:23 Сообщение

Скрипт падающих снежинок, листьев, сердечек, в общем любых картинок.

Идём в overall_header.html и ставим перед </head>

Код: Выделить всё

<SCRIPT language=JavaScript1.2> var no = 25; var speed = 6; var snowflake = "http:Адресс_изображения"; var ns4up = (document.layers) ? 1 : 0; var ie4up = (document.all) ? 1 : 0; var dx, xp, yp; var am, stx, sty; var i, doc_width = 800, doc_height = 600; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx = new Array(); xp = new Array(); yp = new Array(); am = new Array(); stx = new Array(); sty = new Array(); for (i = 0; i < no; ++ i) { dx[i] = 0; xp[i] = Math.random()*(doc_width-50); yp[i] = Math.random()*doc_height; am[i] = Math.random()*20;//osw stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); if (ns4up) { if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\"http:Адресс_изображения"); document.write(snowflake + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" "); document.write("top=\"15\" visibility=\"show\"><img src=\"http:Адресс_изображения"); document.write(snowflake + "\" border=\"0\"></layer>"); } } else if (ie4up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"http:Адресс_изображения"); document.write(snowflake + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: "); document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: "); document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"http:Адресс_изображения"); document.write(snowflake + "\" border=\"0\"></div>"); } } } function snowNS() { for (i = 0; i < no; ++ i) { yp[i] += sty[i];//osw if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowNS()", speed); } function snowIE() { for (i = 0; i < no; ++ i) { yp[i] += sty[i]; if (yp[i] > doc_height-50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = 0;//fantasyflash.ru stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } dx[i] += stx[i]; document.all["dot"+i].style.pixelTop = yp[i]; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("snowIE()", speed); } if (ns4up) { snowNS(); } else if (ie4up) { snowIE(); } </SCRIPT>


http:Адресс_изображения - меняем на адрес своей картинки

Never opened myself this way
Life is ours, we live it our way
All these words I don't just say
And nothing else matters


Metallica - Nothing Else Matters

Аватара пользователя
Иринка

Скрипт падающих снежинок, листьев, сердечек...

Иринка 06 мар 2018, 11:37 Сообщение

xaocZ писал(а):Источник цитаты Скрипт падающих снежинок, листьев, сердечек, в общем любых картинок.

Скрипт по ходу не актуален т.к. вставила в overall_header_head_append.html, но ничего падает, печально(

Аватара пользователя
romaamor

Скрипт падающих снежинок, листьев, сердечек...

romaamor 06 мар 2018, 16:35 Сообщение

Иринка писал(а):Источник цитаты Скрипт по ходу не актуален т.к. вставила в overall_header_head_append.html, но ничего падает, печально(

Не в overall_header_head_append.html а в overall_header.html Вашего стиля. Плюс снежинки надо найти в нете и закачать к себе на хостинг. Затем в скрипте указать адрес закаченных Вами снежинок.

Аватара пользователя
Иринка

Скрипт падающих снежинок, листьев, сердечек...

Иринка 07 мар 2018, 10:05 Сообщение

romaamor писал(а):Источник цитаты Не в overall_header_head_append.html а в overall_header.html Вашего стиля. Плюс снежинки надо найти в нете и закачать к себе на хостинг. Затем в скрипте указать адрес закаченных Вами снежинок.

Все равно не работает(

Аватара пользователя
romaamor

Скрипт падающих снежинок, листьев, сердечек...

romaamor 07 мар 2018, 11:39 Сообщение

Иринка писал(а):Источник цитаты Все равно не работает(

Кеш чистили ? Какая версия PHPBB3 ?

Аватара пользователя
Иринка

Скрипт падающих снежинок, листьев, сердечек...

Иринка 07 мар 2018, 11:44 Сообщение

romaamor писал(а):Источник цитаты Кеш чистили ? Какая версия PHPBB3 ?

Да, чистила. Версия 3.2.2 Может я как-то неправильно вставляю. Я открыла
romaamor писал(а):Источник цитаты overall_header.html

Ну и в самый конец добавила скрипт :oops:

Аватара пользователя
romaamor

Скрипт падающих снежинок, листьев, сердечек...

romaamor 07 мар 2018, 11:47 Сообщение

Иринка писал(а):Источник цитаты Версия 3.2.2

Ирина. Удалите всё что делали. Для 3.2.2 есть плагин снежинок.

Аватара пользователя
Иринка

Скрипт падающих снежинок, листьев, сердечек...

Иринка 07 мар 2018, 11:51 Сообщение

romaamor писал(а):Источник цитаты Для 3.2.2 есть плагин снежинок.

Мне просто надо не снежинки)

Аватара пользователя
romaamor

Скрипт падающих снежинок, листьев, сердечек...

romaamor 07 мар 2018, 11:56 Сообщение

Иринка писал(а):Источник цитаты Мне просто надо не снежинки)

А другие картинки ? :)
Иринка писал(а):Источник цитаты Ну и в самый конец добавила скрипт

Надо ставить перед </head>

Аватара пользователя
romaamor

Скрипт падающих снежинок, листьев, сердечек...

romaamor 07 мар 2018, 11:58 Сообщение

Или такой вариант.

Для того, чтобы сделать на своем сайте идущий снег, достаточно скопировать к себе на сайт следующий код:


Код: Выделить всё

<script type="text/javascript"> var imgsrc="image/snow/snow.gif"; var ie4=(document.all)?1:0; var ns6=(document.getElementById&&!document.all)?1:0; var height=(document.layers)?window.innerHeight:window.document.body.scrollHeight; if (height<window.document.body.clientHeight) height=window.document.body.clientHeight; var width=(document.layers)?window.innerWidth:window.document.body.clientWidth; var col=Math.round(height/25); //количество снежинок amp=new Array(); x_pos=new Array(); y_pos=new Array(); stx=new Array(); sty=new Array(); deltax=new Array(); obj=new Array(); for (i=0; i<col; ++i) { amp[i]=Math.random()*19; x_pos[i]=Math.random()*(width-amp[i]-29); y_pos[i]=Math.random()*height; stx[i]=0.03+Math.random()*0.25; sty[i]=2+Math.random(); deltax[i]=0; if (ie4||ns6) { document.write("<img id=\"sn"+ i +"\" style=\"position:absolute;" + "z-index: "+ i +"; visibility:visible; top:-50px; left:-50px;\"" + "src='"+imgsrc+"' border=0>"); } obj[i] = document.getElementById("sn"+i); } function flake() { for (i=0; i<col; ++i) { y_pos[i]+=sty[i]; if (y_pos[i]>height-49) { x_pos[i]=Math.random()*(width-amp[i]-29); y_pos[i]=0; } deltax[i]+=stx[i]; obj[i].style.top=y_pos[i]+"px"; obj[i].style.left=x_pos[i]+amp[i]*Math.sin(deltax[i])+"px"; } setTimeout("flake()", 40); } flake(); </script>


Не забудьте в строчкеimgsrc="image/snow/snow.gif"; указать путь к картинке снежинки.


Для того, чтобы снежинки были распределены по всей высоте странички, JavaScript код необходимо вставить после тега </body>.

Аватара пользователя
Иринка

Скрипт падающих снежинок, листьев, сердечек...

Иринка 07 мар 2018, 12:01 Сообщение

romaamor писал(а):Источник цитаты Надо ставить перед </head>

Что значит перед </head>, после </body> объясните плиз :oops:

Аватара пользователя
romaamor

Скрипт падающих снежинок, листьев, сердечек...

romaamor 07 мар 2018, 12:15 Сообщение

Иринка писал(а):Источник цитаты Что значит перед </head>

В файле overall_header.html есть </head>. Ставить перед ним. Это в первом варианте.
В файле overall_footer.html есть </body> . Ставим после него. Это для второго варианта.
И не забывайте что правки надо делать в файлах стиля который у Вас стоит по умолчанию.

Аватара пользователя
CabinetAdmin

Скрипт падающих снежинок, листьев, сердечек...

CabinetAdmin 07 мар 2018, 14:27 Сообщение

romaamor писал(а):Источник цитаты В файле overall_footer.html есть </body> . Ставим после него. Это для второго варианта.

Тоже перед.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «JavaScript / jQuery»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость