Javascript 用HTML链接数据组

我试图实现的是一种在更改期间维护HTML数据的简单方法

例如，如果我有10个div图像，每个都有一张圣诞图片，我必须在每个div图像发生时将其更改为节日主题。现在，通过将更改为手动操作就可以了，但如果我有100张图像需要更改，该怎么办？
有没有办法让div图像指向包含图片的数组或包含图像的文件？通过这样做，我只需命名图像，它只需指向文件并从中提取图像，我所需要做的就是不时更改文件（即，文件名为HolidayPics，当我需要用另一个文件替换该文件时，我会将较新的文件重命名为相同的名称，并将较旧的HolidaysPics重命名为HolidaysPicsOld或其他供以后使用的文件）

我正试图使用JSON实现这一点

图像都存储在一个文件中，json文件如下

{
"boximages": [
    {
        "url": "boximages/1.jpg"
    },
    {
        "url": "boximages/2.jpg"
    },
    {
        "url": "boximages/3.jpg"
    },
    {
        "url": "boximages/4.jpg"
    }
      {
        "url": "boximages/5.jpg"
    }
      {
        "url": "boximages/6.jpg"
    }
      {
        "url": "boximages/7.jpg"
    }
      {
        "url": "boximages/8.jpg"
    }
      {
        "url": "boximages/9.jpg"
    }
      {
        "url": "boximages/10.jpg"
    }

]
}

---

您可以创建可变目录/路径，并根据日期（）进行更改。每个目录中都有一组本季的图像。嗯……这是一个非常普遍的问题，取决于如何加载图像的一百万个因素。如果您使用的是某种框架，您可以非常轻松地配置一种方法，通过在数据库中创建一个表来确定页面的某些方面，您可以通过一些管理站点进行管理。如果您使用CSS配置这些东西，您可能希望使用LESS之类的东西，然后将图像和东西配置为变量，每隔一段时间手动更改它们。但您真正想做的是将问题集中一点，以便我们了解您试图实现的目标。您是否正在寻找类似的东西？@Stuart Yes、 诸如此类！我想我应该忘记使用Json了，因为我似乎需要一个服务器来实现这一点？我将尝试处理您的代码…我不需要按钮，只需要图像作为开箱即用的解决方案来显示：为什么不更改包含100个图像的文件夹的名称？或者（如果图像未存储在本地且不在您的控制下）：使用带有“currentboximages/1.jpg”等的固定JSON格式，并替换服务器端文件夹中的图像。