这是我第一次在stackoverflow上发帖，所以如果有任何规则或指导方针我没有正确遵守，我深表歉意。

问题

我目前正在做一个学校项目，我们必须创建一个网站，我的网站正在用砖石建造（来自http://masonry.desandro.com/)。我希望每次有人访问网站时，我的图像都能以不同的方式出现，所以我想创建一个加载不同图像的系统。我在网上整理了一个来自多个来源的代码，但它没有返回正确的图像（或任何图像）。我对编码还很陌生，但我试图做到这一点的是：

代码

<img id="image1" class="grid-item grid-item--width2 grid-item--height3" src="http://placehold.it/200x200">
      <script>
        var mydate = new date();
        var mynumber = mydate.getDate();
      document.getElementById("image1").src = "images/" + mynumber +".jpg";
      if(mynumber==33)
      {
          mynumber=1;
      }
      else
      {
          var mynumber=mynumber+1;
      }
      </script>

这背后的想法是，它抓取日期，然后使用这个日期开始抓取我的图像文件夹中的图像（图像名为1,2,3,4……这会继续下去，并将添加到中，但出于测试目的，我已确保它们超过31）。这意味着网站每天的加载量会略有不同。然而，这并没有奏效，我也不知道为什么。

其他信息

由于我是这方面的新手，我不知道解决这个问题需要多少信息，所以我现在将尝试添加我能想到的尽可能多的信息，以下大部分可能不需要。

• 我所有的测试都是在铬上完成的
• 我所有的工作都是用括号完成的
• 我使用占位符图像作为所有图像的开头
• 加载到页面上的每个图像都是以"image1"、"image2"、"image_3"开头的占位符图像。。。等等
• 如果我能让这个代码工作，它会被复制到每个图像下，并逐个替换它们

• Js文件附件：

  $(document).ready( function() {
      var $grid = $('.grid').masonry({
          itemSelector: '.grid-item',
          columnWidth: 200
      });
      var $stamp = $grid.find('.stamp');
      var isStamped = false;
      $('.stamp-button').on( 'click', function() {
          // stamp or unstamp element
          if ( isStamped ) {
              $grid.masonry( 'unstamp', $stamp );
          } else {
              $grid.masonry( 'stamp', $stamp );
          }
          // trigger layout
          $grid.masonry('layout');
          // set flag
          isStamped = !isStamped;
      });
  });
  

谢谢你抽出时间

谢谢你花时间帮助我完成学校项目。感谢您的任何反馈，如果您需要更多信息来帮助，请让我知道我可以为您提供什么。感谢