Есть несколько фотографий в блоке gl. Как мне получать src фотографии, по которой кликну?
Вот пример (упрощенный т.к без решения с img нет смысла писать дальше его):
<div id="pic">
<img src="img/img-1.jpg" alt="">
<img src="img/img-2.jpg" alt="">
<img src="img/img-3.jpg" alt="">
<img src="img/img-4.jpg" alt="">
<img src="img/img-5.jpg" alt="">
</div>
По нажатию любой из этих картинок выполняет одну и ту же функции (открытии фото в модальном окне). У меня возникают трудности с получением src той фотографии, по которой кликнул. Я пытаюсь получить все фото в блоке с помощью:
pic.getElementsByTagName('img')
, а после получить getAttribute(src)
Но это не работает. Получается получить src фото если я указываю:
pic.getElementsByTagName('img')[0]
и выше ([1][2] и т.д.). Тогда у меня все работает хорошо.
Как вы понимаете в случае выше я возьму src только того img которому укажу [число], а мне нужно отловить по какому img был совершен клик.
PS пожалуйста, без готовых кодов. Только намеки как сделать это.
<img onclick="hey(this);"/>
тоfunction hey(x){ console.log(x.src); }