Копируем данный код и вставляем в нижнюю часть сайта или глобальный блок с таким названием, в массив изображений можете повставлять свои примеры фонов
Код
<script src="http://triadaua.at.ua/jss/jquery.backstretch.min.js"></script>
<script>
// Создаем массив изображений.
var images = [
"http://triadaua.at.ua//triada/back.png",
"http://triadaua.at.ua/fon/military.jpg",
"http://triadaua.at.ua/fon/Grand_bazaar.jpg",
"http://triadaua.at.ua/fon/BF3_1920x1080.jpg",
"http://triadaua.at.ua/fon/BF3-End-Game.jpg",
"http://triadaua.at.ua/fon/12.jpg",
"http://triadaua.at.ua/fon/aftermath-1920x1080.jpg",
"http://triadaua.at.ua/fon/Co_Op_Cover.jpg",
];
// Небольшой скрипт для предварительной загрузки изображений.
// В нем нет острой нужды, но идея хороша.
$(images).each(function(){
$('<img/>')[0].src = this;
};);
// Переменная index указывает на текущее используемое изображение.
var index = 0;
// Вызываем Backstretch в первый раз.
// В данном случае используется скорость в 500ms для эффекта проявления изображений.
$.backstretch(images[index], {speed: 1500};);
// Устанавливаем интервал, через который будет увеличиваться index и устанавливаться новое изображение.
// Примечание: скорость проявления будет использоваться из первого вызова плагина.
setInterval(function() {
index = (index >= images.length - 1) ? 0 : index + 1;
$.backstretch(images[index]);
}, 20000);
</script>