[dreanei23]

Есть фон

#bg {
background-image: url(images/bg.jpg);
background-size: cover;
}

Можно ли как то реализовать плавную смену картинки фона каждые 3 секунды. (если можно, то можете подсказать как?)

Погуглил, ничего не нашел понятного.


Например как-нибудь так:

через 3 секунды div id="bg" меняется на div id="bg2"
через 3 секунды div id="bg2" меняется на div id="bg3"
и т.д

[Coder]

Как пример: скрипт смены цвета фона сайта (блока) автоматически -

Скрытый текст (вы должны войти под своим логином или зарегистрироваться и иметь 1 сообщение(ий)):

У вас нет прав чтобы видеть скрытый текст, содержащийся здесь.

[dreanei23]

Coder, спасибо, а еще есть какие-нибудь варианты?

[Coder]

Вариантов много - и с фоновыми изображениями, и с перетеканиями и т.д. - погуглите по разным запросам (например, "смены цвета фона сайта автоматически", "смена цвета фона сайта по времени" и т.д.). Так будет оптимальней, думается.

Пожалуйста)

[tema_crush]

dreanei23,

Код:

$(function(){
	bg_from = 1;
	bg_to = 5; // Подставить количество фонов
	bg_now = 1;
	bg_interval = 3; // Задержка в секундах
	setInterval(function {
		$(body).removeClass('bg'+bg_now);
		if (bg_now == bg_to) bg_now = 1;
		else bg_now++;
		$(body).addClass('bg'+bg_now);
	}, bg_interval * 1000);

});

На jquery код будет как-то так выглядить

[dreanei23]

tema_crush, можете написать код с 3 мя вариантами фонов, пожалуйста
#bg1
#bg2
#bg3

[ArhStrAngeR]

dreanei23, он для 5 так-то уже написал...
Если нужно для 3х - то цифру 5 исправьте на 3

[tema_crush]

dreanei23,

Код:

bg_to = 3; // Подставить количество фонов

Замените эту строку.
И вместо id используйте классы.

Код:

.bg1
.bg2
.bg3

Менять id-шники совсем неэтично и безбожно с точки зрения разработчика, имхо

[dreanei23]

tema_crush, видимо я что-то не так делаю, подскажите пожалуйста, не могу понять
http://jsfiddle.net/6jc8rwzm/

---------- Сообщение добавлено 20:07 ---------- Предыдущее 20:07 ----------

ArhStrAngeR, подскажите http://jsfiddle.net/6jc8rwzm/

[Ispanec]

dreanei23, потому что $('body') так должно быть, а не $(body)
Работающий вариант: http://jsfiddle.net/6jc8rwzm/1/