Javascript document.createElement()样式的图像不起作用

Javascript document.createElement()样式的图像不起作用,javascript,Javascript,检查下面的代码。在名为createElement的函数中,我从images数组中获取随机图像,但问题是我要为单个图像设置动画 我的主要目标是用这4幅图像中的随机图像制作动画,而不是像现在这样的单个图像。我怎样才能解决这个问题 var maxElements=20; var持续时间=4000; 变量toAnimate=[]; var半径=window.innerWidth

检查下面的代码。在名为
createElement
的函数中,我从
images
数组中获取随机图像,但问题是我要为单个图像设置动画

我的主要目标是用这4幅图像中的随机图像制作动画,而不是像现在这样的单个图像。我怎样才能解决这个问题

var maxElements=20;
var持续时间=4000;
变量toAnimate=[];
var半径=window.innerWidth
必须是有效的-现在不是。没有“.images”样式属性

另外,anime.random(0,4)不会返回您想要的介于0和3之间的值

这很有效

el.style.backgroundImage = "url("+rnd(images)+")";
添加

var rnd = function(arr) {
  return arr[Math.floor(Math.random()*arr.length)];
}
var maxElements=20;
var持续时间=4000;
变量toAnimate=[];
var半径=window.innerWidthvar distance=radius/4您非常接近,只需设置
样式的
backgroundImage
属性即可

我已经更新了随机选择部分,以避免尝试访问不存在的
图像的索引

var maxElements=20;
var持续时间=4000;
变量toAnimate=[];
var半径=window.innerWidthvar distance=radius/4我猜下一票是因为你的原始答案偶尔会给出没有图像的div,因为随机选择是如何工作的。但我不确定是谁否决了这一点,所以我真的不能说;我解释说它选择了错误的指数,然后纠正了它。我不想讨论
anime.random
函数是如何工作的,因为我最好用
Math.random
来做。我的意思是,我最初否决了这个函数,因为在我意识到OP使用的函数实际上不起作用之前,我不认为需要另一个随机函数。当我发现这一点时,我取消了否决票
var rnd = function(arr) {
  return arr[Math.floor(Math.random()*arr.length)];
}