Javascript与我的css结合在一起，对imagechange产生影响

我想用

javascript

更改图像，并添加

淡入淡出效果。
这是我的
css
淡入淡出效果：


var image=document.getElementById（“image”）；
var currentPos=0；
var images=[“foto1.jpg”、“foto2.jpg”、“foto3.jpg”]
函数volgendefoto（）{
如果（++currentPos>=images.length）currentPos=0；
image.src=图像[currentPos]；
}
设置间隔（volgendefoto，4100）
#地图{
高度：1000px；
宽度：1000px；
背景：黑色；
}
#覆盖层{
z指数：2；
背景：白色；
高度：1000px；
宽度：1000px；
不透明度：0；
-webkit转换：不透明度0.1s；
-ms转换：不透明度0.1s；
-moz过渡：不透明度0.1s；
-o过渡：不透明度0.1s；
过渡：不透明度1s；
利润上限：-1000px；
过渡延迟：0.1s；
-webkit转换延迟：0.1s；
}
#覆盖：悬停{
不透明度：.8；
转换延迟：0s；
-webkit转换延迟：0秒；
}
尝试了一段代码，该代码为悬停时的图像提供淡出效果

[You can see the output below][1]


  [1]: https://jsfiddle.net/cxLjLnu8/1/ "Output here"

这是你所做和期望的吗

您需要淡入哪个效果
还是淡出？
及
您需要悬停或滑动图像时的效果吗？
尝试了一段代码，该代码为悬停时的图像提供淡出效果

[You can see the output below][1]


  [1]: https://jsfiddle.net/cxLjLnu8/1/ "Output here"

这是你所做和期望的吗

您需要淡入哪个效果
还是淡出？
及
您需要悬停或滑动图像的效果吗？
还要添加HTML codeimage.id=“map overlay”将id添加到图像中。但是，你可能想考虑使用类而不是IDsAs，我们来猜测HTML。既然你使用jQuery，你可以使用FADENE（）方法。我不使用jQuery，如果可能的话，我只想使用JavaScript也添加HTML代码图像。ID=“map覆盖”来将ID添加到你的图像中。但是，你可能想考虑使用类而不是IDsWall，我们来猜测HTML？既然你使用jQuery，你可以使用FADEN（）方法。我不使用jQuery，如果可能的话，我只想使用JavaScript。