Переключите изображение по переменной с помощью 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

Вам необходимо установить идентификатор вашего изображения-заполнителя (что вы, возможно, делаете, но не в коде выше).

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

Тогда, чтобы получить:

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

В приведенном выше коде getElementById использовал заглавные буквы как I, так и D, хотя на самом деле это только я.

Answer 2

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

затем

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

Answer 3

Вам нужно передать строку в getElementById:

document.getElementByID("thumbIndicator")