Javascript 指定div上的随机图像

我的要求：我有3套图像-大图像，垂直图像，矩形图像。刷新页面时，在显示的布局中，我希望显示同一组的随机图像

我的问题是，只有第一个大的垂直矩形div在每次刷新时随机显示图像。其他所有图像显示的与前面相同

HTML代码：

<div class="largebox">            
  <a href="">             
    <img id="largeimg" src="" class="largeimage">
  </a>          
</div>

Jquery代码：

  <script language="javascript">
      // random number between 1 and 100
      var numRand = Math.floor(Math.random()*13);
      document.getElementById("largeimg").src = "img/IMG_"+numRand+".jpg";
    </script>

//介于1和100之间的随机数
var numRand=Math.floor（Math.random（）*13）；
document.getElementById（“largeimg”）.src=“img/img_“+numRand+”.jpg”；

编辑

假设您希望显示唯一的图像，请调用

var numRand = Math.floor(Math.random()*13);

循环内部可能会产生重复值，因此建议首先创建一个随机值数组

----

我立即想到了这可能的工作原理，您需要一个带有随机值（1-100）的数组和一个带有图像元素的数组，然后您可以循环遍历这些数组并将随机数组值分配给图像元素

因此，在页面加载时创建一个数组[1，2，3，4，5…100]（带循环） 以及图像元素的数组

然后用

取一个带有随机数的=数组

取b=带有图像元素的数组（document.getElementsByClassName（“largeimage”））

for（变量i=0；i

---

<>我希望它有帮助，我没有模型和测试这个

让我们考虑你的<强> html >

<div class="largebox">            
  <a href="">             
    <img id="largeimg1" src="" class="largeimage">
  </a>          
</div>

<div class="largebox">            
  <a href="">             
    <img id="largeimg2" src="" class="largeimage">
  </a>          
</div>

那么您的JS代码应该如下所示

var count = $('.largebox').length;

for(var i = 1; i <= count; i++)
{
    var numRand = Math.floor(Math.random()*13);
    var src1 = "img/IMG_"+numRand+".jpg";
    $('#largeimg'+i).attr("src", src1);
}

var count=$（'.largebox'）.length；
对于（var i=1；i id在HTML文档中必须是唯一的。此外，php部分在哪里？您需要将脚本封装在一个循环中。您需要为所有这12个部分更改img src，您可以通过给它们类似的id（如largeimg1…12）来实现这一点，并在脚本部分的for循环中访问它们。@Javatar图像来自数据库。因此，无法在html中分配id值。
var count = $('.largebox').length;

for(var i = 1; i <= count; i++)
{
    var numRand = Math.floor(Math.random()*13);
    var src1 = "img/IMG_"+numRand+".jpg";
    $('#largeimg'+i).attr("src", src1);
}