使用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，只是我实际上是。

Answer 2

您需要将字符串传递给getElementById：

document.getElementByID("thumbIndicator")

Answer 3

<img src="oldsrc" id="thumbindicator" />

然后

document.getElementById('thumbindicator').src = 'newsrc.jpg';