Javascript 使用JQuery创建自动滚动库；需要关于正确代码的建议吗

我正在尝试从头开始创建一个自动滚动图像库。现在，我已经编写了当发生悬停时要更改的图像

我的理论是我可以使用“.ready”并创建这些函数的循环。我试图创建它，但我仍然不知道如何正确调用这些函数

我将使用什么事件来创建此效果的循环事件？我也在这里寻找对我的想法的批评，所以我欣赏除简单答案之外的任何见解

这是密码！谢谢大家

$(document).ready(function() {
$('#blinds_1').show();
$('#blinds_2').hide();

$("#blinds_1").mouseover(function(){
    $('#blinds_1').fadeOut(600);
    $('#blinds_2').slideDown(600);
});

$("#blinds_2").mouseout(function(){
    $('#blinds_1').slideDown(600);
    $('#blinds_2').fadeOut(600);
});

});