Javascript jquery图像库中的上一个和下一个按钮

Javascript jquery图像库中的上一个和下一个按钮,javascript,jquery,Javascript,Jquery,我正在制作一个简单的图像库 Imgs阵列最多可以存储36幅图像,我只想显示前6幅图像。有一个“下一步”和“上一步”按钮,我需要它,当单击“下一步”时,它将显示来自Imgs阵列的下6个图像,单击“上一步”,最后6个图像应滑入。若在上一张或下一张中并没有img,它应该在接下来的6张图像中循环 谢谢你的帮助 编辑: 我用“后退”按钮尝试了一下,但由于某些原因,在添加新列表之前,它并没有删除旧列表 编辑: 以下是解决方案: 我相信此代码将帮助您: total是页数,您可以将其设置为Math.ceil t

我正在制作一个简单的图像库

Imgs阵列最多可以存储36幅图像,我只想显示前6幅图像。有一个“下一步”和“上一步”按钮,我需要它,当单击“下一步”时,它将显示来自Imgs阵列的下6个图像,单击“上一步”,最后6个图像应滑入。若在上一张或下一张中并没有img,它应该在接下来的6张图像中循环

谢谢你的帮助

编辑:


我用“后退”按钮尝试了一下,但由于某些原因,在添加新列表之前,它并没有删除旧列表

编辑:

以下是解决方案:

我相信此代码将帮助您:

total是页数,您可以将其设置为Math.ceil totalImages/6

这个不停的页面在代码中称为循环。它会根据您的需要返回正确的页面

function loop( value )
{
    return value < 0 ? total + value : ( value >= total ? value % total : value );
}

这看起来不像是我们提供的“帮助”,但更像是我们为你做的。你尝试了什么,你被困在哪里?您遇到了什么问题?这是我现在编写的确切代码,但我不确定如何使用“下一步/上一步”按钮拆分它以显示6幅图像。我使用“上一步”按钮尝试过这一操作,但由于某些原因,在添加新列表之前,它并没有删除旧列表,很抱歉,我对JavaScript不熟悉,并且正在自学。更不用说在此处找到解决方案:非常感谢。