javascript - 使用 Javascript 通过变量切换图像

Question

我正在编写一个图像库脚本，其中当前查看的图像的缩略图用缩略图下方的较小图像指示。我的占位符如下:

<img name="indicator0" alt="indicator>

后面带有indicator1、indicator2等。在我的脚本中，哪个占位符具有指示符由变量 thumbIndicator 调用。我希望能够这样做:

document.(thumbIndicator).src = "indicator_image.jpg";

但这并没有奏效。我还将图像占位符更改为:

<img id="indicator0" alt="indicator">

以及脚本:

document.getElementByID(thumbIndicator).src = "indicator_image.jpg";

但这也没有奏效。

我设计网站已经有一段时间了，对 PHP/MySQL 有相当多的经验，但对 JavaScript 还很陌生。非常感谢任何帮助。

Answer 1

您需要设置占位符图像的 ID(您可能会这样做，只是不在上面的代码中)。

<img id="thumbIndicator" alt="alternate text" />

然后获取它:

document.getElementById("thumbIndicator").src = "newfile.png";

在上面的代码中，getElementById 将 I 和 D 都大写，但实际上只是 I。