Javascript-为旋转库刷新新图像

我使用下面的Javascript代码在主页上设置了一个旋转图库。画廊的作品伟大，除了我想有一个不同的图像显示刷新。要实现这一点，我需要在代码中更改什么？谢谢大家!

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

    <script>
    $.fn.preload = function() {
    this.each(function(){
    $('<img/>')[0].src = this;
    });
    }

    var images = Array(
    "1.jpg",
    "2.jpg",
    "3.jpg",
    "4.jpg",
    "5.jpg",
    "6.jpg",  
    "7.jpg",
    "8.jpg"  
     );

    $([images[0],images[1],images[2],images[3],images[4]]).preload();

    // Usage:

    var currimg = 0;

    $(document).ready(function(){
    function loadimg(){
    $('#outerWrapper').animate({ opacity: 1 }, 400,function(){

    //finished animating, minifade out and fade new back in
    $('#outerWrapper').animate({ opacity: 0.7 }, 100,function(){
     currimg++;
    if(currimg > images.length-1){
      currimg=0;
    }
    var newimage = images[currimg];
    //swap out bg src
    $('#outerWrapper').css("background-image", "url("+newimage+")");

    //animate fully back in
    $('#outerWrapper').animate({ opacity: 1 }, 600,function(){

    //set timer for next
    setTimeout(loadimg,5000);

    });
    });
    });
    }
    setTimeout(loadimg,5000);
    });
         </script>

$.fn.preload=函数（）{
这个。每个（函数（）{
$（'images.length-1）{
电流=0；
}
var newimage=images[currimg]；
//调出bg src
$（'#outerWrapper'）.css（“背景图像”，“url”（+newimage+）））；
//完全重新设置动画
$（“#外套者”）。设置动画（{opacity:1}，600，function（）{
//为下一步设置计时器
设置超时（loadimg，5000）；
});
});
});
}
设置超时（loadimg，5000）；
});

您可以将currimg设置为0到n之间的随机值，其中n是库中图像的总数。刷新后，当前显示的图像将倾向于与刷新前显示的图像不同

currimg = Math.floor(Math.random()*8);

---

当你说“刷新”时，你可能正在打开一罐蠕虫。是否计划存储重新加载前显示的最后一幅图像？听起来很恐怖。但如果你必须的话，我建议你。