JavaScript 图片链接显示：使用 img 标签实现图片轮播

在上面的代码中，图片链接的方式可以通过修改 displayImage 函数中的代码来实现。具体来说，可以将 imageElement 的背景图片设置为一个 img 标签，并将 img 标签的 src 属性设置为对应的图片链接。

以下是修改后的代码：

<script>
    var images = []; // 存储图片文件名的数组
    for (var i = 3; i <= 152; i++) {
      images.push('' + i + '.jpg'); // 假设文件名为 image1.jpg 到 image100.jpg
    }
    var currentIndex = 0; // 当前显示的图片索引
    var imageElement = document.querySelector('.image-box');
    var pageNumInput = document.querySelector('#page-num');

    // 初始化第一张图片
    displayImage(currentIndex);

    function displayImage(index) {
      // 创建一个img标签
      var img = document.createElement('img');
      img.src = images[index];

      // 清空imageElement并将img标签添加到其中
      imageElement.innerHTML = '';
      imageElement.appendChild(img);

      pageNumInput.value = index + 1; // 更新当前页码
    }

    // 其他函数保持不变...
</script>

这样，图片就会以链接的方式显示在网页中了。