Javascript 滚动鼠标滚轮时更改图像

Javascript 滚动鼠标滚轮时更改图像,javascript,jquery,html,css,Javascript,Jquery,Html,Css,var myimages=[ “images/dad.png”, “images/terminal.png”, “images/hi.png”, “images/hengameh.png”, “images/silendefence.png” ] var slideshow=document.getElementById(“幻灯片演示者”) var nextslideindex=0 函数旋转图像(e){ var evt=window.event | | e var delta=电动汽车详图?电动

var myimages=[
“images/dad.png”,
“images/terminal.png”,
“images/hi.png”,
“images/hengameh.png”,
“images/silendefence.png”
]
var slideshow=document.getElementById(“幻灯片演示者”)
var nextslideindex=0
函数旋转图像(e){
var evt=window.event | | e
var delta=电动汽车详图?电动汽车详图*(-120):电动汽车详图delta
nextslideindex=(增量
const pageHeight=document.documentElement.scrollHeight-window.innerHeight,
imgElement=document.getElementById('img'),
图像=['http://lorempixel.com/400/200/city/1',
'http://lorempixel.com/400/200/city/2',
'http://lorempixel.com/400/200/city/3',
'http://lorempixel.com/400/200/city/4'];
设lastImage=0;
document.addEventListener('scroll',()=>{
让index=parseInt(document.documentElement.scrollTop/pageHeight*images.length);
index=Math.min(index,images.length-1);//防止少量像素溢出
if(index!==lastImage){//如果我们需要显示不同的图像
lastImage=索引;
imgElement.src=图像[lastImage];
}
});
正文{
高度:700vh;
保证金:0;
}
img{
位置:固定;
排名:0;
}

@R.Tanha:什么不起作用?您使用的是什么浏览器(包括版本)?是否至少显示了图像?开发人员控制台(F12,然后运行代码段)中是否有任何错误?