使用下面的 HTML,我需要创建一个 Javascript ONLY 脚本,以便在单击按钮后无限期地循环 4 个图像。我通过 jQuery 解决了问题,但想在 Javascript 中弄清楚它以真正学习基础知识,但除了摆脱起始图片并留在空白 div 上之外,我似乎无法让它做任何事情。
<div id='challengeTwoImageJavascript' class='sectionChallengeCarouselImage'>
<img id='imgj1' imgn='1' class='carouselImage carouselImageJavascriptActive' src='img/image1.jpg'/>
<img id='imgj2' imgn='2' class='carouselImage' src='img/image2.jpg'/>
<img id='imgj3' imgn='3' class='carouselImage' src='img/image3.jpg'/>
<img id='imgj4' imgn='4'class='carouselImage' src='img/image4.jpg'/>
</div>
JS
var img = document.getElementByClassName('carouselImageJavascriptActive');
document['#challengeTwoImageJavascript'].src = searchPic.src; = myImage[x];
x++;
var myImage = new Array();
var x=0;
myImage[0]='img/image1.jpg';
myImage[1]='img/image2.jpg';
myImage[2]='img/image3.jpg';
myImage[3]='img/image4.jpg';
这就是我目前正在使用的。无法弄清楚如何仅使用 javascript 让活动类正确移动