Javascript 背景图像脚本的平滑过渡？

所以我有一个javascript，我发现它最终可以工作并改变我的背景。问题是，图像之间的过渡一点也不平滑。有人能帮我吗？我想要一个平滑的过渡，也许是淡出，在图像之间

    <script type="text/javascript">

   var num;
   var temp=0;
   var speed=10000; 
   var preloads=[6];
preload(
        'images/bg-1.jpg',
        'images/bg-2.jpg',
        'images/bg-3.jpg',
        'images/bg-4.jpg',
        'images/bg-5.jpg',
        'images/bg-6.jpg',
        'images/bg-7.jpg',
        'images/bg-8.jpg',
        'images/bg-9.jpg',
        'images/bg-10.jpg',
        'images/bg-11.jpg',
        'images/bg-12.jpg',
        'images/bg-13.jpg'
       );

function preload(){

for(var c=0;c<arguments.length;c++) {
   preloads[preloads.length]=new Image();
   preloads[preloads.length-1].src=arguments[c];
  }
 }

function rotateImages() {
   num=Math.floor(Math.random()*preloads.length);
if(num==temp){
   rotateImages();
 }
else {
   document.body.style.backgroundImage='url('+preloads[num].src+')';
   temp=num;

setTimeout(function(){rotateImages()},speed);
  }
 }

if(window.addEventListener){
   window.addEventListener('load',rotateImages,false);
 }
else { 
if(window.attachEvent){
   window.attachEvent('onload',rotateImages);
  }
 }
</script>

var-num；
var-temp=0；
var速度=10000；
var预载=[6]；
预载(
“images/bg-1.jpg”，
“images/bg-2.jpg”，
“images/bg-3.jpg”，
“images/bg-4.jpg”，
“images/bg-5.jpg”，
“images/bg-6.jpg”，
“images/bg-7.jpg”，
“images/bg-8.jpg”，
‘images/bg-9.jpg’，
‘images/bg-10.jpg’，
“images/bg-11.jpg”，
“images/bg-12.jpg”，
“images/bg-13.jpg”
);
函数预加载（）{
对于（var c=0；cMaybe这可能会有所帮助：这是一个JQuery插件，可以为您旋转背景图像。您能把它放在小提琴中演示一下您要做什么吗？@BrianBennett我真的不能，因为我无法链接到图像，但如果您将它放在中并添加1-2个图像，脚本会随机选择一个并显示它，几秒钟后ds切换到另一个映像