我正在制作一个弹出图像滑块,当该图像的缩略图被单击时,弹出窗口将显示该图像。我需要找到一种方法,在我的"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;
}
}
发布于 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.');
}
}
https://stackoverflow.com/questions/51829751
复制相似问题