使用 JQuery 从目录中为我的游戏随机获取 8 张图像

Question

我已经使用一组图像开发了一个记忆游戏，JS并且PHP一切正常。现在我想扩展这项工作并从游戏目录中获取图像。

JS代码：

for (i = 0; i < buttons.length; i++) {

    buttons[i].addEventListener('click', function (e) {

        var turnable = e.target.dataset.turnable;

        //first click

        if (!wait && lastKnownButtonId == undefined && lastKnownButtonNumber == undefined && turnable == 'true') {

            e.target.dataset.turnable = 'false';

            e.target.innerHTML = getgImage(event.target.dataset.number);

            e.target.style.backgroundColor = 'yellow';

            lastKnownButtonId = e.target.id;

            lastKnownButtonNumber = e.target.dataset.number;

        }

        //second click

        else if (!wait && lastKnownButtonId != undefined && lastKnownButtonNumber != undefined && turnable == 'true' && e.target.id != lastKnownButtonId) {

            e.target.dataset.turnable = 'false';

            e.target.innerHTML = getgImage(event.target.dataset.number);

            //match

            if (e.target.dataset.number == lastKnownButtonNumber) {

                e.target.style.backgroundColor = '#00FF7F';

                document.getElementById(lastKnownButtonId).style.backgroundColor = '#00FF7F';

                lastKnownButtonId = undefined;

                lastKnownButtonNumber = undefined;

                matches++;

                if (matches == 8) {

                    showWinScreen();

                    //clearTimeout(timeoutHandle);

                    document.getElementById("finalMove").innerHTML = moves;

                }

            }

            moveCounter();

        }

    });

}

 }

所以在上面的代码中，我在 switch 案例中使用了一组图像。现在我想使用名为 "resources" 的目录中的随机 8 张图像。是否可以使用Jquery从目录中获取随机 8 张图像？我不知道如何进行

Answer 1

这应该可以帮助您：arrayOfImages[Math.floor(Math.random()*arrayOfImages.length)];

Answer 2

那么，它们是否被命名为fashion1,&nbsp;fashion2, .....fashion8如果是这样，您可以这样做：'<img&nbsp;src="resources/fashion'&nbsp;+&nbsp;(Math.floor(Math.random()&nbsp;*&nbsp;8)&nbsp;+&nbsp;1)&nbsp;+&nbsp;'.jpg">'这会给你一个随机的图像。但如果不是，则在您的客户端代码预先知道所有名称（如注释中的名称）之前，这是不可能的