如何在HTML中随机化幻灯片图像

Question

我有以下HTML代码，想要随机化图像。怎么做到了？

代码下面是html的一部分，代码正在运行以按顺序显示图像。我不知道如何缩小javascripte并希望图像可以随机显示。

感谢您的关注，希望有人可以提供帮助。 劳伦斯

＆＃13;

＆＃13;

n < 1 ? 0

＆＃13;

＆＃13;

＆＃13;

Answer 1

您可以生成一个随机数来选择随机图像：

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} 
        var rand = Math.floor((Math.random() * slides.length));
        slides[rand].style.display = "block"; 
        setTimeout(showSlides, 2000); // Change image every 2 seconds
    }