图像幻灯片放映和 IF 条件

Question

这是我幻灯片放映的HTML代码

<img src="images/1.jpg" id="image" style="width:230px; border-bottom:2px solid #000">
<br>
<input type="button" value="Start Slide Show" onClick="startSlideShow()">
<input type="button" value="Stop Slide Show" onClick="stopSlideShow()">

这是我的 Javascript 的代码，但是 if 条件在这里不起作用。你能解决这个问题吗？

  <script>
    var intervalID;

    function startSlideShow(){
        intervalID = setInterval(changeImage, 800); 
    }

    function stopSlideShow(){
        clearInterval(intervalID);  
    }

    function changeImage(){
        var imageSrc = document.getElementById("image").getAttribute("src");
        var currentImageNumber = imageSrc.substring(imageSrc.lastIndexOf("/") + 1, imageSrc.lastIndexOf("/") + 2);
        if(currentImageNumber == 7){
            currentImageNumber == 0;
        }

        document.getElementById("result").innerHTML = currentImageNumber;
        document.getElementById("image").setAttribute("src",  "images/" + (Number(currentImageNumber)+1) + ".jpg");     

    }
    changeImage();
</script>

Answer 1

我认为代码中说的部分

currentImageNumber == 0

应该是

currentImageNumber = 0

为了循环浏览图像

图像幻灯片放映和 IF 条件

Image slide show and IF condition

if-statement

slideshow