Generate Hover effect onclick about hover-effect HOT 2 OPEN

let next = document.querySelector(".singleProduct__next");
let prev = document.querySelector(".singleProduct__prev");

let x = new hoverEffect({
  parent: document.querySelector(".singleProduct__left-image"),
  intensity: 0.3,
  image1: "../pix/products/rings/ring-1.jpg",
  image2: "../pix/products/rings/ring.jpg",
  hover: false,
  displacementImage: "../pix/products/fluid.jpg",
});

next.addEventListener("click", () => {
  x.next();
});

prev.addEventListener("click", () => {
  x.previous();
});