Показать сообщение отдельно
  #5 (permalink)  
Старый 25.01.2021, 14:24
Интересующийся
Отправить личное сообщение для sssema96 Посмотреть профиль Найти все сообщения от sssema96
 
Регистрация: 12.01.2021
Сообщений: 24

рони,
У меня есть кнопка при нажатии на которую выводятся изображения в указанных координатах
<button class="show-image6 red_button_6"
                data-link="img/greenled.png img/avtomatOff04kV.png img/diodYellowOff.png img/diodRedButtonT2.png img/avtomatOn04kV.png img/diodYellowOn.png img/diodBlackButtonT2.png"
                data-top="151 192 400 466 190 406 465"
                data-left="832 150 27 27 150 27 24"
                type="button" id="click_red6"></button>

Сам скрип к ней вот:
let output_divs = [
        document.querySelector('.imgDKS1'),
        document.querySelector('.vvodT2'),
        document.querySelector('.vvodT2'),
        document.querySelector('.vvodT2'),
        document.querySelector('.vvodT1'),
        document.querySelector('.vvodT1'),
        document.querySelector('.vvodT1')
    ]
    document.querySelector('.button').addEventListener('click', e => {
        if (e.target.classList.contains('red_button_6')) {

           let links_arr = e.target.dataset.link.split(` `),
                tops_arr = e.target.dataset.top.split(` `),
                lefts_arr = e.target.dataset.left.split(` `)
            output_divs.forEach((el, i) => {
                el.insertAdjacentHTML('beforeEnd',
                    `<img src="${links_arr[i]}" style="position:relative; top:${tops_arr[i]}px; left:${lefts_arr[i]}px;">`
                )
            })

        }
    })

Моя задача что бы через 8 секунд после нажатия на red_button_6, появились те самые изображения.
Ответить с цитированием