使用JQuery创建自动滚动库;需要有关正确代码的建议

Question

我试图从头开始创建自动滚动图片库。现在，我发现了悬停发生时要改变的图像。

我的理论是我可以使用＆＃39; .ready＆＃39;并创建这些函数的循环。我试图创建它，但我仍然不知道如何正确地回忆这些功能。

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

这是代码！谢谢你们！

$(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);
});

});