Как применить эффект на все изображения?

Question

[harve]

Приветствую. Имеется такой код: https://codepen.io/havent/pen/wvbzWrj
При наведении на первое изображение присутствует эффект, на остальных - нет. Подскажите, пожалуйста, как применить это на все изображения?

Answer 1

[imko]

const theImage = document.querySelector('.image')
    new ImageHover(theImage);

querySelector возвращает первый попавшийся подходящий элемент, тебе надо использовать querySelectorAll чтобы получить все три картинки, перебрать полученный список и для каждой создать ImageHover

Comments

[harve]

Благодарю :)

Answer 2

[Kentavr16]

вставь вот это

const Images = document.querySelectorAll('.image')
 Images.forEach(image=>
 new ImageHover(image)
 )

вместо своего блока с document.querySelector в конце скрипта
То есть вместо

// The image element
    const theImage = document.querySelector('.image')
    new ImageHover(theImage);

Comments

[harve]

Благодарю, работает!

[Kentavr16]

harve, отметь второй ответ решением также, синхронно написали )