Как сделать плавную смену background'a для body?

Question

[sergemin]

hotel-blagodat.com.ua/ru/uslugi/restoran.html
Хочу сделать на этом сайте плавно меняющийся фон. Повесил background на body и написал код смены background'a на чистом js

(function() {
        var body = document.querySelector('body');
        var i = 0;
        setInterval(function() {
            var k = i%2;
            console.log(k);
            
              body.style.background = 'url(/images/bg_'+ k +'.JPG) no-repeat fixed center top / 100% auto'; 
            /* на сервере у меня две фотки с названием bg_0.jpg, bg_1.jpg*/
            i++;
        }, 6000);
    })();

Не могу придумать способ, чтобы сделать плавную смену фоновых картинок

Answer 1

[Владислав Лысков]

jsfiddle.net/Z9q3z/768 плагин maximage

Comments

[sergemin]

Я так уже пробовал, они не плавно меняются
hotel-geneva.com.ua
Вот пример сайта, на котором реализован подход, только там не к body привязываются

[Владислав Лысков]

sergemin: jsfiddle.net/Z9q3z/768 там плагин maximage

[alex]

sergemin:

hotel-geneva.com.ua

если открыть девтулзы браузера и посмотреть, то эта фича реализована с помощью jquery плагина MaxImage

[sergemin]

Alex: Владислав Лысков: Спасибо, парни

Answer 2

[Дмитрий Гормаш]

По моему, это можно сделать без js посредством keyframes в css

Comments

[sergemin]

я пробовал, но transition не работает с background
Нет плавности смены фоновых изображений