Javascript 鼠标悬停上的Jquery交换图像库

我为我的问题创建了这个

在我的演示中，你可以看到，当你用鼠标悬停在缩略图上时，大图正在改变。我想要什么？我想在几秒钟后自动更改图像

我需要为它做什么？有人能帮我吗

$(document).ready(function() {

    $("#magazin_sldwr li img").hover(function(){
        $('#mainm-img').attr('src',$(this).attr('src').replace('thumb/', ''));
    });
    var imgSwap = [];
     $("#magazin_sldwr li img").each(function(){
        imgUrl = this.src.replace('thumb/', '');
        imgSwap.push(imgUrl);
    });
    $(imgSwap).preload();
});
$.fn.preload = function() {
    this.each(function(){
        $('<img/>')[0].src = this;
    });
}

$（文档）.ready（函数（）{
$（“#magazin_sldwr li img”）.hover（函数（）{
$（'mainmimg'）.attr（'src'，$（this.attr（'src'））.replace（'thumb/'，''）；
});
var imgSwap=[]；
$（“#magazin_sldwr li img”）。每个（函数（）{
imgUrl=this.src.replace（'thumb/'，''）；
imgSwap.push（imgUrl）；
});
$（imgSwap.preload（）；
});
$.fn.preload=函数（）{
这个。每个（函数（）{
$（'使用
setInterval（）

其中2000是毫秒数。仅需一次更改，您就可以使用
setTimeout（）
这是一个开始：

其思想是在当前图像的父级
li
上使用
.active
类，然后每2秒触发一次
鼠标事件：

function autoChangeImage() {
    setTimeout(function(){
        $("#magazin_sldwr li.active")
            .removeClass('active')
            .next('li')
            .addClass('active')
            .children('img')
            .trigger('mouseenter');
        autoChangeImage();
    }, 2000);
}

当然，您可能希望在到达最后一个拇指后返回第一个拇指，并且在“手动”悬停拇指时返回
clearTimeout
：

function autoChangeImage() {
    setTimeout(function(){
        $("#magazin_sldwr li.active")
            .removeClass('active')
            .next('li')
            .addClass('active')
            .children('img')
            .trigger('mouseenter');
        autoChangeImage();
    }, 2000);
}