Question

//Setting up the Array

var arrayImg =['http://www.whattofix.com/images/PoliticalAnimal.jpg','http://www.fubiz.net/wp-content/uploads/2013/03/Fashion-Zoo-Animals26.jpeg','http://cdn.trendhunterstatic.com/thumbs/suit-animal-art-berkley-illustrations.jpeg','http://img1.etsystatic.com/016/1/7647665/il_340x270.411173311_ojy5.jpg'];

// creating the randomizing

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


// image source looks for the attribute, by using the variable arraying
$('img').attr('src',random);

以上是我的代码。我目前有这样的javascript设置。当前代码具有从阵列中的图像随机替换图像的部分。我希望有一个代码状态，用一个新的随机图像切换每个图像，而不是每个图像都有相同的时间。我喜欢它每次都是随机的，但我也希望随机拍摄每张照片。

Answer 1

设置一个循环来遍历每个图像，选择一个随机图像，然后分配给那个图像：

var arrayImg =['http://www.whattofix.com/images/PoliticalAnimal.jpg','http://www.fubiz.net/wp-content/uploads/2013/03/Fashion-Zoo-Animals26.jpeg','http://cdn.trendhunterstatic.com/thumbs/suit-animal-art-berkley-illustrations.jpeg','http://img1.etsystatic.com/016/1/7647665/il_340x270.411173311_ojy5.jpg'];

$("img").each(function() {
    var random = arrayImg[Math.floor(Math.random()*arrayImg.length)];
    $(this).attr('src',random);
});

Answer 2

您可以使用attr方法的回调函数来计算每个元素的值：

$('img').attr('src', function(){
  return arrayImg[Math.floor(Math.random()*arrayImg.length)];
});

为每个图像Javascript选择随机图像

2 个答案: