如何在加载随机图像时设置img src标签？

Question

所以我从数组加载随机图像到一个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> 

任何帮助，将不胜感激。

Answer 1

你可以使用生成能产生所有图像的随机数的随机函数

$('.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]); 

Answer 2

尝试

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

// Extra 

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

alert(images);