javascript:获取被点击的图像的索引，该索引存储在图像数组中
javascript:获取被点击的图像的索引，该索引存储在图像数组中
提问于 2018-08-14 03:59:15
我正在制作一个弹出图像滑块，当该图像的缩略图被单击时，弹出窗口将显示该图像。我需要找到一种方法，在我的"imgArr“中获取被点击图像的索引，然后从当前索引开始幻灯片。我的代码使滑块从当前单击的图像移回索引1，然后是2，依此类推……无论我点击什么图像，它总是从索引0开始
extra info：我的imgArr变量会根据当前所在的页面更改其数组。所以还有另外3个变量包含不同类型的图片，但是这些变量被更新为imgArr，所以javascript可以决定在哪里发布图片。
let imgArr;
var current = 0;
rightArrow.addEventListener('click', slideRight);
function slideRight(){
popImg.setAttribute('src', imgArr[current + 1]);
current++;
if(current > imgArr.length){
current = 0;
}
}回答 1
Stack Overflow用户
发布于 2018-08-14 04:22:16
据我所知，您有一个图像数组，并且希望返回单击的图像的索引。
不幸的是，我现在不在家测试它，但我相信它应该能做你想要的。
var images = document.getElementsByTagName('img');
for(var i = 0; i < images.length; i++) {
images[i].onclick = function (img) {
var index = imgArr.findIndex(image => image === img.src);
console.log(index + ' clicked.');
}
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51829751
复制相关文章
相似问题