jQuery图像旋转器在更改第一个图像后停止

我的jQuery图像旋转器有一个小问题。 基本上，我的旋转器应该检查是否加载了所有图像，如果加载了，它应该在顶部eq（5）上显示第一个图像，然后再显示一个。我的脚本适用于第一个图像，但我不知道如何使它在所有图像中循环并重复自身。 基本上，我只是想知道如何让我的旋转器在一个无限循环中遍历所有图像

HTML:

---

像这样的事情应该可以做到：

$("#reel img").hide();
var counter = $("#reel img").length;

var i = setInterval(function() {
            $("#reel img").eq(counter - 1).show();
            $("#reel img:visible").fadeOut(2000);
            counter--;
            if (counter === 0) {
                counter = 5;
            }
        }, 2000);

---

蹩脚演示：

你的解决方案很有帮助，但是由于某些原因，StEffTION工作缓慢，每当我加载我的页面时，我得到第一个图像应该是空白的空白，直到StEffice开始工作，有办法加快速度吗？

$(document).ready(function(){
$("#reel img").hide();
eq=5;
$("#reel img").load(function(){
function promeni(eq){
    $("#reel img").eq(eq).show();
    $("#reel img").eq(eq-1).show();
    $("#reel img").eq(eq).delay(2000).fadeOut(2000);
}
promeni(eq);
});
});

$("#reel img").hide();
var counter = $("#reel img").length;

var i = setInterval(function() {
            $("#reel img").eq(counter - 1).show();
            $("#reel img:visible").fadeOut(2000);
            counter--;
            if (counter === 0) {
                counter = 5;
            }
        }, 2000);