如何向javascript图像滑块添加幻灯片效果

我是JavaScript新手，希望从头开始学习。我最近设法创建了一个图像幻灯片，但到目前为止它还没有幻灯片/淡入淡出效果。 如果有人能帮助我，我将不胜感激，因为没有其他教程/答案对我有帮助

以下是我的JavaScript代码：

<script>
var images = new Array;

images[1] = "_images/_slideshow/slideImg01.png";
images[2] = "_images/_slideshow/slideImg02.png";
images[3] = "_images/_slideshow/slideImg03.png";
images[4] = "_images/_slideshow/slideImg04.png";
images[5] = "_images/_slideshow/slideImg05.png";

var currentImage = 1;

function changeimage(change){
    currentImage += change;
    if(currentImage > images.length -1){
        currentImage = 1;
    }
    else if(currentImage < 1){
        currentImage = images.length -1;
    }
    document.getElementById('slideshowIMG').innerHTML = '<img src="' + 
    images[currentImage] + '"/>';
}

changeimage(0);
</script>

var图像=新数组；
图像[1]=“\u images/\u slideshow/slideImg01.png”；
图像[2]=“\u images/\u slideshow/slideImg02.png”；
图像[3]=“\u images/\u slideshow/slideImg03.png”；
图像[4]=“\u images/\u slideshow/slideImg04.png”；
图像[5]=“\u images/\u slideshow/slideImg05.png”；
var-currentImage=1；
函数更改图像（更改）{
currentImage+=更改；
如果（currentImage>images.length-1）{
currentImage=1；
}
否则如果（当前图像<1）{
currentImage=images.length-1；
}
document.getElementById（'slideshowIMG'）。innerHTML=''；
}
改变图像（0）；

以下是我的HTML代码：

<div id="slideshow">
    <div id="slideshowIMG"></div>

    <div id="slideshowcontrols">
        <a onclick="changeimage(-1);">next</a>
        <a onclick="changeimage(1);">prev</a>
    </div>
</div>

下一个
上

现在，在哪里编辑代码以添加幻灯片/淡入淡出效果？代码可能是什么

一个简单的从左到右（反之亦然）滑动效果就足够了：）

---

提前感谢

我的建议是查看JQuery，它有很多幻灯片和淡入淡出效果，而且使用简单。你提到你是javascript新手——有一个JQuery轨迹，教你如何添加幻灯片和淡入淡出效果

---

不幸的是，这意味着您不能使用已经编写的javascript代码，因为图像必须以html而不是javascript添加，因此您可以使用jQuery来操作它们。

谢谢@tove。一定会查出来的！