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);

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

2 个答案: