Форум

DEAGLEHAKER · #1 (**permalink**) 21.06.2014, 15:50

Есть скрипт смены фона на странице. Смена происходит через определенный интервал времени в случайном порядке. Путь к картинкам которые будут устанавливаться фоном страницы указан. Скрипт по сути рабочий, но не хватает эффекта ''плавной смены'' изображений на фоне. Как это реализовать? Помогите со скриптом. Очень давно уже нуждаюсь в помощи.

html

<body class="ats" style="color: rgb(0, 0, 0);" alink="#c38f05" link="#414141" vlink="#414141" onLoad="setTimeout('autoChangeBg()',15000)">

скрипт

var bgNum = Math.round(Math.random() *  5)
bgSel = new Array(5);
bgSel[0] = "images/bg/random/bg-0.jpg";
bgSel[1] = "images/bg/random/bg-1.jpg";
bgSel[2] = "images/bg/random/bg-2.jpg";
bgSel[3] = "images/bg/random/bg-3.jpg";
bgSel[4] = "images/bg/random/bg-4.jpg";
bgSel[5] = "images/bg/random/bg-5.jpg";
var base = bgSel[bgNum];

function autoChangeBg()
{
 var i=Math.floor(bgSel.length*Math.random());
 document.body.background=bgSel[i];
 setTimeout('autoChangeBg()',15000);
}

И еще одна просьба, как сделать в коде, чтобы к картинкам не нужно было указывать путь, а достаточно указать было только коренную папку с этими картинками. (P.S. к каждой картинке указывать путь довольно удручает).

domius · #2 (**permalink**) 23.06.2014, 14:36

setTimeout(function autoChangeBg() {
var img = Math.floor(Math.random() * 10); 10 - число картинок в папке.

document.body.background = "images/bg/random/bg-'+img+'.jpg';
}, 15000)

ефект смена какой нужен ??

DEAGLEHAKER · #3 (**permalink**) 08.07.2014, 21:13

спасибо!! за то что ответил мне. эффект: растворения, одной картинки сквозь другую(без палева цвета фона если можно!). напиши мне пожалуйста подробней фрагмент кода, рабочего уже проверенного у тебя, а то я вписал этот отрывок к себе, но ничего не изменилось. как и раньше картинка меняется также, с не приятной сменой в которой промелькивает цвет фона.

вот как я вставил этот кусок:

function autoChangeBg()
{
var i=Math.floor(bgSel.length*Math.random());
document.body.background=bgSel[i];
setTimeout(function autoChangeBg() {var img = Math.floor(Math.random() * 931);
document.body.background="images/bg/random/bg-'+img+'.jpg";}, 150000);
}

Форум

Справочник

Discord чат

Курсы javascript