Как реализовать смену изображения фона дива?

Question

[Антон Антонов]

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

Comments

[Сергей Соколов]

«Плавно» – это «ездил как слайдер», или «проявлялся прозрачностью»?

Answer 1

[Макс Куликов]

Через js можно

Comments

[Антон Антонов]

Если бы я знал как, то я бы не просил помощи.

Answer 2

[Михаил Дацько]

фон менялся в смысле двигался? или его должно сменять другое изображение?

Comments

[Антон Антонов]

Чтобы его сменяло другое изображение.

[Михаил Дацько]

попробуйте этот код (картинки только свои представьте):
css:
.block{
display: block;
width: 300px;
height: 150px;
background-position-x: 0%;
background-position-y: 50%;
background-repeat: no-repeat;
}

js:
var images = ['nimbus-image-1436805257107.png','nimbus-image-1436812835881.png'];

$(document).ready(function(){
var b = $('.block');
var a = function(d){
b.css({
'background-image': 'url('+images[d]+')',
'background-position-x': '0%'
}).animate({'background-position-x': '100%'},5000,'linear',function(){
a(Math.abs(d-1));
});
}
a(0);
});

[Михаил Дацько]

Михаил Дацько: т.е. "подставьте")) автозамена на телефоне....