Javascript jQuery数组中的Next和previous

因此，我有一个jQuery数组，其中包含图像URL：

var images = ["link1","link2","etc","etc"];

然后，当单击图像的缩略图时，我有以下代码：

$('.thumbnail').click(function(){
  var link = $(this).attr('src');
  $('.large_view').prepend('<img src="'+link+'" width="450px"/>');
});

这一切都很好，但我希望代码能够正常工作，这样当我单击按钮.next和.previous时，数组中的下一个/上一个图像的URL将替换当前在.large\u视图中添加的URL

我假设我需要在数组中找到单击的图像是哪个数字，然后将该数字增加或减少到新图像的数字

---

如何实现这一点？

请参见下面的输出，您可以使用此代码

首先设置索引=0，并生成默认图像 在下一次检查中，如果不是3，则将1增加到索引 如果为3，则设置回零 将此逻辑与前面的逻辑相反 变量链接=[http://img4.wikia.nocookie.net/__cb20111201004451/internetphoto/images/8/81/Google_Image_Result_for_http-wallpaperstock.net-small-cute-kitty_wallpapers_24216_1920x1200.jpg, https://lh6.ggpht.com/RIt3-kTajLWZIxunxQz9uEQp7cQ6htqFYZTcwbJXwsyKKp35BCLxKnvzswAiDfS5zQ=h310, https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQ1NIp3cJPgEDVBQJ_jwXO27Xa-9fJqdQXuYEYa2S3NgiM8OZSf， https://lh5.ggpht.com/T2acx2jKADSe1iwM6GbinPlY_1DGqF4qQAI37-ua6hwQ-DrVYDXmqRPz2HuzwrmFyQ=h310]; 指数=0； $'.large_view'.prepend； $'.next'。单击函数{ index=index==link.length-1？0:index+1； $'.large_view img'.attr'src'，link[index]； }; $'.previous'。单击函数{ 索引=index==0？链接。长度-1:index-1； $'.large_view img'.attr'src'，link[index]； }; 分区大视图图像{ 宽度：400px； 高度：100px； } 以前的

---

下一步是跟踪当前显示图像的索引。您有什么问题？就这么做吧。@Joie我的回答不能提供解决方案吗？