I have a WordPress gallery site where images open up in a Bootstrap 5 Modal, which opens up a Bootstrap Carousel.
The images are loaded in a post loop with a php foreach loop, one per slide.
I am trying to add hover magnification to each image using blowup.js
I have the zoom function moving correctly with each slide, however only the first image tracks where the mouse is. Subsequent magnifications are stuck in the top left corner.
UPDATE
Fixed by implementing the bug fix in the pull request: "Fixed working with multiple images #19".
I have a WordPress gallery site where images open up in a Bootstrap 5 Modal, which opens up a Bootstrap Carousel.
The images are loaded in a post loop with a php foreach loop, one per slide.
I am trying to add hover magnification to each image using blowup.js
I have the zoom function moving correctly with each slide, however only the first image tracks where the mouse is. Subsequent magnifications are stuck in the top left corner.
UPDATE Fixed by implementing the bug fix in the pull request: "Fixed working with multiple images #19".