Background classinda animasyon atayarak (css3 animation) 2 farklı resmi döndürebilirsiniz.

.background{ 
animation:sliderarkaplan 1000ms linear infinite;
 width: 100%; 
height: 100%;
 display: table; 
background-size: cover;
 text-align: center;
 background-position: center center; 
color: #fff; } 
 
@keyframes sliderarkaplan {
 from { background-image: url(../images/home-bg1.jpg); }
 to { background-image: url(../images/home-bg2.jpg); }
 }

animation:sliderarkaplan 1000ms linear infinite;
Koddaki tanımlar 1000ms = 1 sn, linear zaman fonksiyonu (ease,ease-out,linear,cubic-bezier vs), infinite sonsuz döngü (forwards yaparsanız 1 kez döner)