Question

我正在努力将一堆图像组织到文件夹中，然后创建一个网页，以便我可以在一个漂亮的小包中查看它们。我已经规范化了所有要通过基本数字模式命名的文件和文件夹。我能够很好地显示所有图像，但现在我想将它们全部链接到各自的文件夹。

我可能无法很好地理解这个问题，无法对搜索进行适当的搜索。我想我需要做的就是以某种方式将我的图像节点附加到锚节点。

这是我到目前为止所做的：

<body>

<div id="volumeCovers"></div>
<script>
  var container = document.getElementById('volumeCovers');
  var images = 12;
  for (var i = 1; i <= images; i++) {
    var img = new Image();
    img.setAttribute('src', 'volumes/pics/v' + i + '.jpg');
    container.appendChild(img);
  }
</script>

<body>

Answer 1

您可以在链接中插入图片并添加到容器中：

   for (var i = 1; i <= images; i++) {
        var img = new Image();
        let link = document.createElement('a');
        link.setAttribute('href','url');
        link.append(img);    
        img.setAttribute('src', 'volumes/pics/v' + i + '.jpg');
        container.appendChild(link);
      }

＆＃39; URL＆＃39;取代必要的地址。也许还需要编辑css。

动态添加超链接图像列表到Web文档

1 个答案: