jQuery数组中的下一个和上一个
所以我有一个带有图像URL的jQuery数组：
var images = ["link1","link2","etc","etc"]; 然后，当点击图像的缩略图时，我有这个代码：
$('.thumbnail').click(function(){ var link = $(this).attr('src'); $('.large_view').prepend('
'); });
这一切都运行正常，但我希望代码能够工作，这样当我单击按钮.next和.previous ，下一个/上一个图像的URL（在数组中）将替换当前预先放在.large_view中的.large_view
我假设我需要在某种程度上找到所点击图像在数组中的哪个数字，然后将数字增加或减少到新图像的数字。
该如何实现？
请参阅下面的输出，您可以使用此代码
- 首先设置索引= 0并生成默认图像
- 在下次检查，如果不是3，增加1到索引
- 如果3然后设置回零
- 改变以前的逻辑
var link = ["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"]; index=0; $('.large_view').prepend('
'); $('.next').click(function(){ index = (index==link.length-1)?0:(index+1); $('.large_view img').attr('src',link[index]); }); $('.previous').click(function(){ index = (index==0)?(link.length-1):(index-1); $('.large_view img').attr('src',link[index]); });
div.large_view img{ width:400px; height:100px; }