Использование JavaScript для перезаписи изображения и замены новым на той же странице

Question

У меня есть скроллер изображений, отображающий миниатюры, и еще одна область, где отображается увеличенное изображение ногтя большого пальца. Я пытаюсь использовать JavaScript, чтобы перезаписать большое изображение при нажатии другого ногтя большого пальца. поэтому нажатие на ноготь большого пальца заменит текущее большое изображение новым большим изображением ногтя большого пальца, проблема в том, что есть 31 ноготь большого пальца, и я не могу найти способ перезаписать их, используя метод show hid div, показанный здесь.

Answer 1

Вам не нужно скрывать / показывать div.Просто меняйте атрибут src большего изображения каждый раз, когда нажимаете на другой эскиз.Это должно заставить вас хотеть, что вы хотите.

<script type="text/javascript">
function showLarge(srcLarge)
{
    document.getElementById("large").src = srcLarge;
}
</script>


<img src="/path/to/thumb1.jpg" onclick="showLarge('/path/to/large1.jpg')"/>
<img src="/path/to/thumb2.jpg" onclick="showLarge('/path/to/large2.jpg')"/>
<img src="/path/to/thumb3.jpg" onclick="showLarge('/path/to/large3.jpg')"/>

<img id="large" src="/path/to/large1.jpg"/>