Javascript 滑块不显示图像

目前我有一张图片，但以后会超过1张。
这段代码显示了我的第一个图像，后来显示空白，但我希望它再次显示第一个图像时，有单一的图像
但是当有多个图像时，它工作得非常完美

<div class="slideshow-cont">
            <asp:Repeater ID="Repeater1" runat="server">
                <ItemTemplate>
                    <div class="mySlides fade">
                        <asp:ImageButton ID="Image1" runat="server" CssClass="img img-responsive" ImageUrl='<%# Eval("Offer_image") %>' Width="100%" />
                </div>
        </ItemTemplate>
    </asp:Repeater>
</div>
<br />
<script language="jscript" type="text/jscript">
    var slideIndex = 0;
    showSlides();

        function showSlides() {
            var i;
            var slides = document.getElementsByClassName("mySlides");
            for (i = 0; i < slides.length; i++) {
                slides[i].style.display = "none";
            }
            slideIndex++;
            if (slideIndex > slides.length) { slideIndex = 1 }
            slides[slideIndex - 1].style.display = "block";
            setTimeout(showSlides, 2000); // Change image every 2 seconds
        }
    </script>

var slideIndex=0；
放映幻灯片（）；
函数showSlides（）{
var i；
var slides=document.getElementsByClassName（“mySlides”）；
对于（i=0；islides.length）{slideIndex=1}
幻灯片[slideIndex-1].style.display=“block”；
setTimeout（showSlides，2000）；//每2秒更改一次图像
}

如果（slideIndex>=slides.length）{slideIndex=1}

在处理多个幻灯片时使用此选项image@codenut此代码适用于多个图像，但当它有一个图像时，该图像后显示为空白？？您的代码很好，请看一看谢谢@codenut，但我使用了“下一步”和“上一步”按钮来解决这个问题，这样更好。