Zoom image referencing old image if image url changes
So I have <ngx-image-zoom [thumbImage]="selectedImage" [zoomMode]="'hover'" [magnification]="2" [enableLens]="true" [maxZoomRatio]="3" [enableScrollZoom]="true" ></ngx-image-zoom> for which selectedImage is a variable that I tend to change. After changing it, the hover still shows the zoomed image of the first referenced image
I've run into this very bug myself and it's on my shortlist of things to fix. Meanwhile, as a workaround, you can specify the same image as [fullImage] too, which should solve this issue. So:
<ngx-image-zoom
[thumbImage]="selectedImage"
[fullImage]="selectedImage"
[zoomMode]="'hover'"
[magnification]="2"
[enableLens]="true"
[maxZoomRatio]="3"
[enableScrollZoom]="true" ></ngx-image-zoom>
Hope that helps!
I'll keep this issue open as a reminder to fix the bug so this workaround wont be needed anymore.
Thanks
Same issue for me.