Generate Hover effect onclick

[n3d1m]

Is it possible to generate the hover effect whenever a button is clicked? I am trying to build an image slider that uses this effect to transition between images

[Agent2222]

Add parameter hover : 'false' , then add .next() or .previous() to the function on a click event.

[al-amiir]

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();
});