A través de jquery he creado una cambio de fondo de una capa cada pocos segundos:
Código Javascript:
Ver original
$("#capa").show('slide', function() { setInterval(function() { fotoAnt = foto - 1; if (fotoAnt == 0) fotoAnt = 12; carouselAnt = "imagenes/carousel" + fotoAnt + ".jpg"; $("#capa").css({'background-image': "url('" + carouselAnt + "')", 'background-repeat': 'no-repeat', 'background-size': '100% 100%'}).fadeOut(1000); carousel = "imagenes/carousel" + foto + ".jpg"; $("#capa").css({'background-image': "url('" + carousel + "')", 'background-repeat': 'no-repeat', 'background-size': '100% 100%'}).fadeIn(1000); foto = foto + 1; if (foto == 13) foto = 1; }, 8000); });