不使用对象

好的，如果不使用对象，你可以使用一个函数来生成图片路径，每个路径都有一个唯一的编号作为标识。然后，你可以使用一个循环来生成所有的图片路径，使用Math.random()方法来随机选择3个编号，最后将它们对应的图片显示在页面上。

以下是实现的具体步骤：

1. 创建一个函数，用于生成图片路径，每个路径都有一个唯一的编号作为标识。

function getImagePath(id) {
  return "image" + id + ".jpg";
}

2. 使用一个循环生成所有的图片路径，并将它们存储在一个数组中。

var images = [];

for (var i = 1; i <= 52; i++) {
  images.push(getImagePath(i));
}

3. 使用Math.random()方法选择3个随机编号，并将它们对应的图片显示在页面上。

var imageContainer = document.getElementById("image-container");

for (var i = 0; i < 3; i++) {
  var randomIndex = Math.floor(Math.random() * images.length);
  var img = document.createElement("img");
  img.src = images[randomIndex];
  imageContainer.appendChild(img);
  images.splice(randomIndex, 1);
}

4. 为每张图片添加一个按钮，并为按钮添加事件处理程序。

var buttons = document.getElementsByTagName("button");

for (var i = 0; i < buttons.length; i++) {
  buttons[i].addEventListener("click", function() {
    var img = this.previousElementSibling;
    var currentId = parseInt(img.src.match(/\d+/)[0]);
    var nextId = (currentId % 52) + 1;
    img.src = getImagePath(nextId);
  });
}

这样，当用户点击任何一个按钮时，对应的图片就会切换到下一张。