gpt4 book ai didi

javascript - 每次刷新页面时,如何将 JavaScript 文件中数组中的随机图像加载到 HTML 中?

转载 作者:行者123 更新时间:2023-11-30 15:03:34 25 4
gpt4 key购买 nike

这就是我目前所拥有的。但是当我运行它时,出现一个错误,指出“$”在定义之前被使用了。此外,屏幕上没有图像。而且我不想使用“url( http://bukk.it/”,因为我在项目文件夹中拥有所有图像。

var images = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg", "img/6.jpg"];


$('#randomImage').css({'background-image': 'url(http://bukk.it/' + images[Math.floor(Math.random() * images.length)] + ')'});
<!DOCTYPE html>
<html>
<head><title>47</title></head>
<body>
<div id="randomImage"/>

<script type="text/js" src="popup.js"></script>
</body>
</html>

最佳答案

您的 jQuery 未定义,但您不必使用它。这将起作用:

var images = ["img/1.jpg", "img/2.jpg", "img/3.jpg", "img/4.jpg", "img/5.jpg", "img/6.jpg"];

var randomName = images[Math.floor(Math.random() * images.length)];

document.getElementById("randomImage").style.backgroundImage = "url('http://bukk.it/" + randomName + "')"

关于javascript - 每次刷新页面时,如何将 JavaScript 文件中数组中的随机图像加载到 HTML 中?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46136379/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com