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

Идём в 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:Адресс_изображения - меняем на адрес своей картинки
Комментарии: 12

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

xaocZ писал(а): Скрипт падающих снежинок, листьев, сердечек, в общем любых картинок.
Скрипт по ходу не актуален т.к. вставила в overall_header_head_append.html, но ничего падает, печально(
  • 0

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

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

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

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

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

Иринка писал(а): Все равно не работает(
Кеш чистили ? Какая версия PHPBB3 ?
  • 0

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

romaamor писал(а): Кеш чистили ? Какая версия PHPBB3 ?
Да, чистила. Версия 3.2.2 Может я как-то неправильно вставляю. Я открыла
romaamor писал(а): overall_header.html
Ну и в самый конец добавила скрипт :oops:
  • 0

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

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

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

romaamor писал(а): Для 3.2.2 есть плагин снежинок.
Мне просто надо не снежинки)
  • 0

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

Иринка писал(а): Мне просто надо не снежинки)
А другие картинки ? :)
Иринка писал(а): Ну и в самый конец добавила скрипт
Надо ставить перед </head>
  • 0

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>.
  • 1

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

romaamor писал(а): Надо ставить перед </head>
Что значит перед </head>, после </body> объясните плиз :oops:
  • 0

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

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

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

romaamor писал(а): В файле overall_footer.html есть </body> . Ставим после него. Это для второго варианта.
Тоже перед.
  • 1
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

Похожие темы