Javascript 加载随机图像时如何设置img src标记？

我正在将随机图像从一个数组加载到一个HTML文档中，这很好。问题在于，当页面处于活动状态时，检查页面时，页面没有更新src。有没有办法做到这一点，因为我运气不太好

$(document).ready(function(){

var randomImages= new Array ("images/A.png", "images/B.png","images/C.png");

var randomNumber = Math.floor((randomImages.length)*Math.random());

$('.image').prop('src',randomImages[randomNumber]);
var images = (randomImages[randomNumber]).attr(src);
alert(images);});

上面是随机图像加载函数

<img class="image" id="A" src="" alt="#"></br>

在此方面的任何帮助都将不胜感激。

试试看

$('.image').attr('src',randomImages[randomNumber]);

// Extra

var images = (randomImages[randomNumber]).attr(src);

alert(images);

---

您可以使用随机函数生成生成所有图像的随机数

$('.image').each(function() {

  var num = Math.floor(Math.random() * 20 + 1),
    img = $(this);

  img.attr('src', 'images/' + num + '.jpg');
  img.attr('alt', 'Src: ' + img.attr('src'));

});

或者，如果您想使用数组，则使用以下代码生成

$('.image').attr('src',randomImages[randomNumber]);

---

已尝试

$（'.image'）.attr（'src'，randomImages[randomNumber]）？谢谢，这是一个很好的替代方法。即使图像发生变化，src在大多数情况下仍然为空。有什么建议吗？