Javascript 从阵列加载的幻灯片图像

我在滑动一些图像时遇到了一个问题，其中路径由HTML给出，JavaScript代码中为所有这些图像设置了一个。我的问题是：如何显示数组中的第一个图像，并通过单击“下一步”按钮切换到第二个、第三个等等？现在它只显示了第四幅图像

这是我的代码和一把小提琴：

功能单击下一步删除器（e）
{
如果（progress我对您的代码做了一些修改，它应该会帮助您：

var imgs = $('.eticheta');
imgs.hide();
$(imgs.get(0)).show();

$('.nextButton').on('click', function(){
    var visible = $('.eticheta:visible')
       , next = visible.next();

    visible.hide();

    if ($(next.get(0)).hasClass('eticheta') === false) {
        next = $('.eticheta:first');        
    }

    next.show();
});


如果不将图像重置为第一个图像，而是要禁用该按钮，则应将If语句中的代码替换为：

$('.nextButton').prop('disabled', true);

您有未定义的变量（如“progress”）和未定义的函数（shuffle（））。这就是我一直在寻找的，我在几个小时前也用另一种方法找到了。谢谢！
$('.nextButton').prop('disabled', true);