Показать сообщение отдельно
  #4 (permalink)  
Старый 02.12.2020, 15:07
Кандидат Javascript-наук
Отправить личное сообщение для StartGames Посмотреть профиль Найти все сообщения от StartGames
 
Регистрация: 13.06.2014
Сообщений: 143

Сообщение от voraa Посмотреть сообщение
Если дело в этом, то откажитесь от id
и замените элементы <script>
на такие

<script>
	document.currentScript    // текущий элеметн script
		.previousElementSibling   // предыдущий div
		.querySelector('img')      // img в предыдущем div
		.addEventListener('click', (ev) => {  // обработчик
			ev.target                       // текущий img
				.closest('.product-item')       // родительский div.product-item
				.querySelector('.image a')      // a в div.image
				.innerHTML ='<img src="https://kulibinstudio.com/image/cache/catalog/products/a999/p997/DAVID_1-480x480.jpg" alt="DAVID XXI" class="img-responsive" id="top_img_420" />'; 
		})
</script>
Спасибо, но для примера вставил только для первого дополнительного изображения. Как результат, товары вообще пропали. Т.е. на странице пусто и приходится долго мотать вниз. Из кода видно что элементы есть, но они скрыты почему то.
Ответить с цитированием