Сообщение от 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>
|
Спасибо, но для примера вставил только для первого дополнительного изображения. Как результат, товары вообще пропали. Т.е. на странице пусто и приходится долго мотать вниз. Из кода видно что элементы есть, но они скрыты почему то.